Css Help!!!!

[nellyp123]

I have a little CSS problem. I need my navigation bar butted right up to my header and i can't figure out how to move the bloody thing!! Can anyone help? I have attached an image of my header.......

Here's the CSS code:

*{
padding:0;
margin:0;
}

body{
background:url(../images/bg.gif) repeat-x #000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: white;
}

#banner{
background:url(../images/banner.jpg) no-repeat;
margin:0 auto;
padding:0;
width:850px;
height:151px;
clear:both;
}

#content{
background:url(../images/bg.png) no-repeat center;
width:850px;
height:541px;
padding:0;
margin:0 auto;
}

#nav{
background:url(../images/buttons.png) no-repeat;
margin:0 auto;
padding:0 5px 0 5px;
width:366px; ! *****THIS IS MY NAV BAR***** !
height:49px;
z-index:20000;
clear:both;
text-align:center;
line-height:26px;
}

Thanks all

[Paul O'B]

HI,

Your Banners is 151px high and the nav is starting at exactly 151px down the page.

If you don't want the nav to start at 151px down the page then either reduce the height of the banner to the correct height or if you really need the banner at 151px height then overlay the nav by dragging it upwards upwards with a negative margin.

#nav {margin-top:-18px;position:relative}

[nellyp123]

Nice one! worked a treat, many thanks!