css shenanigans in i.e.

[johnnymeerkat]

hey all

it appears that i am completely e-tarded when it comes to css. that's what you get for spending your life with flash.

i have a div box with a top and bottom image, and then a background image that flows behind them, as you can see here:

http://canyou.co.uk/divtest.html

in firefox it looks absolutely fine. in ie, however, a little tail part of the background image hangs over under the bottom part of the box, and there's apparently nothing i can do about it.

for reference, the css doc is here:

http://canyou.co.uk/gd.css

if anyone could shed any light on this, i would be most grateful. i've been tearing clumps of hair out for hours now.

[morse]

Any way you could screenshot it for those of us without IE?

[revelations1318]

i've got a permanent glitch in my html/css site with ie. i just accepted it :bored:

[morse]

Na. You can always fix it SOME HOW.

[bigmtnskier]

I've got the solution :thumb: (I've had these troubles before also) It's not your CSS also.

The problem is: every linebreak in your code acts as a space, so... you were having an extra space after mainbottom.png

Change This:


T'anks. <br />

</div>

<img src="./img/mainbottom.png" alt="-" />


<!-- PROFILECONTAINER END -->

</div>

<!-- END OF ALL DIVS -->


To this:


T'anks. <br />

</div>

<img src="./img/mainbottom.png" alt="-" /><!-- PROFILECONTAINER END --></div>
<!-- END OF ALL DIVS -->


Hope this helps ya! :hugegrin:
-Bigmtnskier

[johnnymeerkat]

well screw me, you're absolutely right. thanks, bigmtnskier!

[morse]

Told ya so!! :thumb: