The SitePoint Forums have moved.

You can now find them here.
This forum is now closed to new posts, but you can browse existing content.
You can find out more information about the move and how to open a new account (if necessary) here.
If you get stuck you can get support by emailing forums@sitepoint.com

If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

Horizontal Overflow

I'm trying to accomplish something with CSS and I'm not sure it's possible. I have a table that is floated left and should take up about 96% of its parent div. However, the table will be significantly wider than the parent element in most cases. Let's say the parent is about 500px, and the table is about 1000px. I want the table to have a horizontal overflow scroll bar, while expanding downward as necessary.

I know about the overflow-x and overflow-y css properties, but if I'm not mistaken, these are not widely supported (not even in the CSS spec, right?).

Ideally I'd have a table that was always 96% wide, but overflowed to the right via a scroll bar if the 96% wasn't enough to encompass its width -- I'm even willing to give a hard width to the table if necessary. It needs to work in IE6, IE7, and FF, and I'm hoping I'll only being using CSS.

I've figured out how to change the color of the scroll bars to enhance the design, (there's a great online tool here http://iconico.com/CSSScrollbar/) but Firefox won't acknowledge the request to change the color (in fact, this tool won't even be shown in Firefox).

If anyone has any thoughts about how I can accomplish both the overflow and the scrollbar color change in IE, I'd greatly appreciate it.