extra margins when height is set

[janislanka]

I'm doing this website for one casino and I'm hitting one tiny CSS issue, which might be a bug or something. I have tried to look up at some sources, but can't find anything relevant. The problem is only with IE and side margins when some DIV's height, is defined. Basically, when the height is defined...some extra 3px margins or padding appear.

The problem is that the border height is not as the height should be. The bottom decoration is not attached to the border. I would prefer that the border height would be fixed...but as soon as I put some height..it brings the problem with side margins. You can see that red is a bit wider than green...not good.

<snip>
I added height to the content (frame) and the problem is that there are few pixel margins b/w border and decors on side. Seems to be good with the green and red overlay, though.

<snip>
I apply class="clearfix" Hack on DIV id='content' but then the problem still exists.

<snip>
I apply class="clearfix" Hack on DIV id='container' and the problem is kind of reversed. But now not only header image image now has the margin problem, but all surrounding area.

I tried box hack, other hack, and I'm kind of at confused where the problem might be. Do you have an idea where should I be looking. Any help/suggestion on any of the versions?

[edited by: SuzyUK at 6:24 pm (utc) on Sep. 18, 2004]
[edit reason] ooops no URLS per TOS #13 [webmasterworld.com] [/edit]

[bedlam]

Hiya.

The first thing to do to solve your problem here is review the terms of service [webmasterworld.com] (especially item 13...) and get rid of those links if you can still edit your post (if you don't do it, one of the moderators will do it for you anyway...) ;-)

Then, have a look at some of these posts [google.com] - the 3px jog is one of IE's more irritating bugs, and it sounds like that might be what you're experiencing.

Otherwise, post a simplified verstion of the markup and css here so we can see what's happening.

-B