Div Scrolling

I've got the following line in an html page before a table that has lots of rows and columns:

Code:

<div style="HEIGHT: 500px; WIDTH: 1000px; OVERFLOW: auto">

That works perfectly in IE and FF to give me vertical and horizontal scrollbars. But what I really want is to size the horizontal scrollbar so it takes up 100% of the screen regardless of how big the screen is.

So, I tried changing 1000px to 100% like this:
Code:

<div style="HEIGHT: 500px; WIDTH: 1000px; OVERFLOW: auto">

Well, that works the way I would expect in FF (perfect) but in IE I do not get any horizontal scrollbar. Any idea how to tinker with it (without using frames) so I get the horizontal scrollbar in IE too?

kvarnerexpress
__________________

All I can think of is that you might try "overflow: scroll;" instead of auto...let me know if that works.Good luck!

Arboc7's suggestion should do it, but i believe IE doesnt show the scrollbar when placed on "auto", unless scrolling is required. Thus, why they call it "auto".

Horizontal scrollbars are a bad thing. Why would you actually want one?

I missed horizontal scrollbars...really, why do you want them?

Horizontals arent bad if you plan to have them - whats bad is when you get them because of poor design and planning.

 Horizontal scrolling websites are awesome

And as far as the posters question goes --

<div style="HEIGHT: 500px; WIDTH: 100%; OVERFLOW: scroll;">

try that?