Margin too large in IE

[dekker]

Hi,

I've run into a problem with IE, although it's very likely just me being stupid. I've got a margin-bottom on a DIV that displays fine on Firefox, but IE makes it larger than it's supposed to be.

[snip]

The problem is the ".rule" DIV: The separator in the DIV is supposed to line up with the "Details" DIV (like the <h1> does), and it does in Firefox.. But IE blows up the margin-bottom and pushes everything down. I seem to remember that it did previously work in IE, but I can't for the life of me remember what I changed to break it.

Any help would be much appreciated!

Oh, and I know that using empty DIVs isn't exactly elegant, and I used <hr /> previously, but that was even more problematic..

Thanks,
dekker.

[edit: no urls, please. See CSS Forum Charter [webmasterworld.com] for details.]

[edited by: createErrorMsg at 3:21 pm (utc) on July 9, 2005]

[JAB Creations]

Internet Exploiter is retarded but thankfully you can google...

Conditional Comments for Internet Explorer

Fairly simple concept... use comments and then you specify that this comment is a condition for IE. IE picks it up and then renders your comment (code) over your code code. Read more about it elsewhere though I code for standards. ;-)