i have something like

CSS:

.the_bottom {
			background:url('./bottom_corners.gif') no-repeat bottom left;
			width:400px;
			height:9px;
			padding:0px;
			position:absolute;
			bottom:0px;
			left:0px;
		}

<div id="contain" style="position:relative">
 <div class="the_bottom></div>
</div>

7/9/2007 3:14:19 PM

IE6 is pretty well known to do stuff like this

[Edited on July 9, 2007 at 3:19 PM. Reason : improper implementations and whatnot]

7/9/2007 3:19:35 PM

yeah i know, i just can usually find a workaround somewhere somewhat easily

this one i finally found after fooling around with it enough

it needed a font-size:1px; in there

and, as if by magic, it works

[Edited on July 9, 2007 at 3:31 PM. Reason : i've spent hours on this bug]

7/9/2007 3:31:36 PM

IE6 is probably wanting to put in a blank space in that <div> tag thus the reason that font-size:1px; works, typically a default 12px space is equal to ~20-30px

[Edited on July 9, 2007 at 3:41 PM. Reason : .]

7/9/2007 3:41:35 PM

yeah, that could be too. put a border on your divs for a second to see where the space is

7/9/2007 3:53:05 PM

IE is a ....

also i've fixed a few things before with line-height, if you ever run into problems it's worth a shot


[Edited on July 9, 2007 at 4:50 PM. Reason : to add something useful]

7/9/2007 4:45:32 PM