overflow confusion in IE

[willeffects]

Hi group I have the following code that works correctly in firefox but not IE:

<div style="width: 300px; overflow: auto;">
For the texture painting I used SimpleBrush combined with different alphas and Colorized Spray as stroke type. I started with a neutral and very light skin tone and I added different tones with a very light pressure (about 3-4 on RBG Intensity). I slowly added different spots and colors like I was painting in transparent layers of color.<br /><br />
kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
</div><!-- //end overflow -->

The problem I am seeing in IE is that it is creating verticle scroll bars as well. Our content is generated dynamically so the height cannot be defined before hand.

Any suggestions?

Thanks
Will

[tedster]

That is something that IE does - it creates a vertical scroll bar to accommodate the height of any "hidden" content, even though the scrollbar is not functionally needed. I don't know of any workaround.

At least vertical scrollbars are no big deal - most pages have them and most efforts to eliminate them are, IMO, time wasted.

[willeffects]

I wouldnt mind it too much if it wasnt sitting on top of my text... It takes up that few pixels inside the div that the text width wraps at. So is there a way to get it off the text then?

Thanks!

[willeffects]

I needed to add:

overflow-y : visible;

that solved my problem.