Ok, I want to do a fairly simple thing, I have a image that will be split into two horizontally. One half as an img in one div, and another as a background in a div below it.
But I'm having issues with my layout where there is a mystery gap appearing between the two elements in Firefox.
http://mls.shiftedmatrix.com/html/aboutus/
For troubleshooting purposes, I stripped out all extra stuff in the containers other than the image and background
http://mls.shiftedmatrix.com/html/aboutus/index2.asp
Still there.
View source to see how simple this should be... I even put it all on one line in case some white space was affecting it
[HTML]<div><img src="/images/banners/im_aboutus.jpg" width="762" height="104"/></div><div style="background:url(/images/banners/im_circles.gif) right top no-repeat;"><br /><br /><br /><br /><br /></div>
[/HTML]
Why doesn't this work in Firefox? (Displays fine in IE!)
Posts