Hi

I have a logo centered on the top of my page and a navigation bar on the
left side of my page.. When I resize my browser the logo slides across to
the left and gets tucked behind my navigation bar. I've been experimenting
with all kinds of different settings in my style sheet to no avail. Ideally
I would like my logo and content to uniformly flow centered in my browser
until it gets near the nav bar and then simply scroll. The logobar is in a
PHP includes statement so it is not within the container, content,
contentbody etc..
so it needs to function independently from them (someone helped me with the
PHP so I can't really help this). If I had the page up on a server I would
tell you the URL, but at the moment it's only stored locally on my PC (this
may change in the next day or two though). Below is my CSS as it stands at
the moment, can someone please help me!

thanks!

div.logobar {
width:auto;
text-align:center;
vertical-align:top;
white-space: nowrap;
padding-top: 20px;
margin-top: 0;
margin-bottom: 0;
padding-left: 5px;
}

..container {width:100%;}

div.content {
width:auto;
margin-top: 0;
margin-right: 5px;
margin-bottom: 10px;
margin-left: 100px;
padding-left: 150px;
}

div.contentbody {
width:75%;
font-size:0.9em;
}

div.nav {
position:absolute;
top:150px;
left:15px;
width:160px;
height:190px;
color:#000;
border-top: 1px solid #ddd;
border-right:2px solid #444;
border-bottom:2px solid #444;
border-left:1px solid #ddd;
padding-top: 15px;
padding-bottom: 15px;
background-image: url(transparent);
background-color: #009999;
}