Problem with displaying graphics

[Liquid Fire]

here is the html code for my header:

<div id="main_menu">
		<div id="top_header">
			<img src="<? echo $tracker_path; ?>images/header_icon.gif" />
		</div>
		<div id="bottom_header">
			<img class="left_header" src="<? echo $tracker_path; ?>images/left_header.gif" border="0" />
			<img class="right_header" src="<? echo $tracker_path; ?>images/right_header.gif" border="0" />
			<div id="content">
			TEST
			</div>
		</div>	
	</div>

 

here is the code from the css file:

/*MAIN MENU*/
#main_menu #top_header
{
height: 40px;
/*border: 1px solid black;*/
padding-left: 10px;
padding-right: 10px;
background-color: black;
}

#main_menu #bottom_header
{
height: 25px;
margin-left: 5px;
margin-right: 5px;
}

#main_menu #bottom_header #content
{
height: 25px;
margin-left: 25px;
margin-right: 25px;

background-image: url("http://localhost/projecttracker/images/header_middle.gif");
background-repeat: repeat-x;


color: white;
font-weight: bolder;
}

 

in FireFox this looks fine but it IE there are space between the images and the background image for the div that has the content.  here is a link the the url so you can see what i mean:

http://www.kaizendigital.com/project_tracker/login.php

 

Can someone help me on this please.  I don't even know why i am using css when IE can't support simple css standards.

[Liquid Fire]

it seems like it is the height: 25ps; in the #main_menu #bottom_header #content but when i remove that the image does not go the right lenght so how can i fixt that.

[Liquid Fire]

what the hell happened about the talk that IE7 will support CS2 when it can't even handle god damn height.

[lando]

I'm using IE6 right now and I see gaps between the .left_header, .right_header, and #content.  That seems to be caused by the margins of #content, you need to use padding for #content.

[Liquid Fire]

That is not it.  When i make it a padding instead fo margin nothing changes in IE and it makes it so that in firefox that image it repeated on the entire line covering my 2 side images.  any other ideas?

[Liquid Fire]

anyone?

[lando]

Your GIFs are using a transparent background.  That is why in Firefox the main background appears to cover them up.  Give the GIFs a solid background and use padding, that should fix it.