Our new Indie Games subforum is now open for business in G&T. Go and check it out, you might land a code for a free game. If you're developing an indie game and want to post about it, follow these directions. If you don't, he'll break your legs! Hahaha! Seriously though.
Our rules have been updated and given their own forum. Go and look at them! They are nice, and there may be new ones that you didn't know about! Hooray for rules! Hooray for The System! Hooray for Conforming!

Firefox CSS gap issue

Sharp101Sharp101 TorontoRegistered User regular
edited March 2009 in Help / Advice Forum
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!)

Sharp101 on

Posts

Sign In or Register to comment.