CSS Table Help?

[captdave]

I am converting a page that used tables to position solid and shadow borders to one that positions these borders using CSS divs. The pages are written in XHTML, and it has 3 frames in rows: a 111px high top logo frame, a 21px high middle nav menu frame, and a main lower content frame (where the border divs are).

When looking at the main content page itself (outside of frames), the page looks fine. However, when you look at the same page with the frames applied, a bottom scroll bar appears under the main content frame with about a 20-25px space to the right. I've tried just about everyting I know of to get rid of the bottom scrollbar but can't. I'm just about ready to give up and go back to conventional tables unless someone could take a look at my pages and give me a hand.

The page with frames is at:
http://captdave757.home.comcast.net/test/index.html

To look at the lower main content page without the upper frames:
http://captdave757.home.comcast.net/test/welcome_test.html

The css file is external and can be downloaded to view:
http://captdave757.home.comcast.net/test/stkwrks_style.css

Any help would be greatly appreciated! Thanks.

[ray326]

Guess what. No scroll bar appears in Firefox so I suspect it's an IE box model screw up. I did seem to notice some overlay problems probably related to the main image being presented in the foreground.

[captdave]

ray326,

Thanks. I guess I need others with IE looking at the pages and offering a fix.

Could you expand please on "overlay problems probably related to displaying the main image in the foreground"? The image of the cheetah is actually assigned as the background image, unless you're talking about one of the shadow border images.