div width differences between FF and IE

[bopritchard]

http://raleighchristian.com/cms/index.php?option=com_content&task=view&id=14&Itemid=58

here is my example page..

if you look at it in FF everything is lined up fine..
but in IE you'll notice that there is a gap in between the top header picture NEWS and the picture to the right of it

below is the css for the div in question....if i remove margin-right:25px then IE displays perfect and then FF hoses up...can someone please help me...i'm at my wits end


#contentbodyleft{
width: 399px;
margin-left:15px;
margin-right:25px;}

 

[manarth]

Well, it could be one of dozens of problems...the biggest issue is that your page contains invalid code.

Validate each page using the W3C's HTML Validator; validation issues can cause unpredictable results.

Possible causes may be default cellpadding/spacing in the containing table, or whitespace next to the image.
To overcome whitespace next to the image, set the image's display type to block.

---
Marcus
better questions get better answers - faq581-3339
accessible web design - zioncore.com

 

[Vragabond]

In my Geckos, the header does not even look correct (actually, it looks better in IE), as the nose of the eagle is not aligned with the rest of the eagle but hangs in the air. I feel like that was not what you were aiming for.