Hello, I have a new website at http://www.spicacasts.com and just realized lastnight (as I use IE from work) that the design background was not coming in properly in Firefox. Basically, it is being pulled in, but seems to not show the whole thing. Anyone have any suggestion on how to fix this? I have some experience with CSS so a decent explanation should suffice. Thanks, -Travis T.
Well, I see a pile of divs inside main and one of them (left) is floated left... now you've probably cleared them but that alone won't make the container wrap them. #main { background: transparent url(img/decoration.png) no-repeat center top; width: 100%; overflow: hidden; } I don't know if this is the best solution for your case, as you have a template which I find hard to figure out sometimes, so try it and then check all your pages. That usually makes a container wrap its floated children but it can also cut off anything sticking out (though main here is 100% width so maybe you'd never see it). FF isn't the only browser showing it, all the modern browsers are doing it.
something's still wrong, i think... it looks pretty bad in IE7 (though it's fine in FF still).... the background is pretty distorted
Hmm, FF1.5 doesn't have main or it's children as long as IE6 4 Linux (which shows the footer)...drazil's right, there's something else going on too. (can't check in IE7 now)