help removing space below background image.

[seany123]

i have this code..

 

#header_bar_sml{
display:block;
width:auto;
height:auto;
background: #b0d5dc url('images/header_bar.jpg') repeat-x bottom;
    position: relative;
}
#header_bar_center_sml{
display:block;
width:auto;
height:210px;
margin:0 auto;
background: url('images/header_bar_center.jpg') no-repeat bottom;
}

 

which is obivously use like so..

 

<div id="header_bar_sml"> 
    	<div id="header_bar_center_sml">
CONTENT HERE
</div></div>

 

problem is there is a space of around 5px probably more directly after the div... however this is removed when i give an incorrect path to the image (so the image doesnt show).

 

can anyone see the problem?

[sunfighter]

do you have a site where we can see the problem. It would help a whole lot.

 

Add this reset code to the top of your CSS file

http://meyerweb.com/eric/tools/css/reset/

 

See if that fixes it.

[seany123]

i have added that code above my current css code and nothing changed, i dont have a live version i could link you too, however i did take a screen shot.

 

 

With the images -

 

 

 

without the images: