Full CSS layout problem

[tomwoj]

I'm having a problem with the way firefox is rendering my test page. It's weird that IE looks fine and firefox doesn't, I'm assuming I coded something wrong and IE is ignoring the problem. I'm attaching a screen of what I'm seeing in Firefox. Can anyone take a look and let me know what's wrong?

Test Page (http://www.tomwoj.com/powerhouse/)

Thanks

[sitehatchery]

Try this...

between the two containers:

<div style="clear:both:></div>

[sitehatchery]

BTW, it looks fine in FF

[tomwoj]

Really, it doesn't look like the screenshot I uploaded? If I open the page and then shrink the window I get that scrolling problem that I showed you. It persists even if I refresh the window. It only seems to happen if the content needs to scroll.

I tried your suggestion. I put the div tag between the body div and the bottom div but it didn't fix the problem. Any other suggestions?

thanks for the help.

[sitehatchery]

take off the width:100% from div#centerme. This will fix your problem and also allow your page to grow if you're text size increases in FF.

[tomwoj]

Thanks for the help sitehatchery. I'm going to keep playing with it, your suggestion keeps the error from happening but it also stops the grey from filling to the bottom of the page and the footer from positioning itself down there.

[vaaler]

Hi tomwoj,

(This is my first post on WebDeveloper)

I took a look at your CSS code, and I'm not too familiar with positioning, but I did notice a spelling error. There could be more, but one spelling of relative was realitive in your code. Then I copied your code, removed the positioning and negative margins, and it seemed to work. Hard to tell without the images though.

Good luck!

[tomwoj]

Thanks for noticing the typo. I guess that attribute wasn't doing much. I'm still seeing the problem though. It seems to only happen in firefox when the window has to scroll.

Thanks again for the input.

[sitehatchery]

I'm not seeing the error now in FF. But, when you reduce the window and drag it to the left (probably further than a user will ever drag it), it seems to produce a slightly undesireable affect with the left graphic. However, it's hardly noticeable and probably not a big deal.

[tomwoj]

I had to switch from a full CSS layout to tabled layout to stop the error from occuring. I'm going to keep working on the CSS solution after the site goes live.

Thanks for the help.

[beema]

well I guess you fixed it cause I don't see anything now, but judging from the screenshot it looks like your footer was absolutley or fixed positioned and overlapping your other div because of that.