. The problem is that even though overflow-y is set to visible, a vertical-scroll-bar sill appears. I notice that it only appears when the horizontal-scroll-bar appears. It is because the horizontal-scroll adds 15 or 20 pixels to the inside of the div. Firefox doesn't display scroll bars inside the div(not surprising).
So I figure I'd set the bottom margin to 15 or 20px. But then Firefox isn't displayed the same.
Is there a way for IE7 to display scroll bars outside of the div? Or a way I could specify IE7 specific code?
I only want vertically horizontal scroll bar. I don't want a scroll bar for vertical scrolling. I want the div to expand whenever there's overflow vertically. So
Yes it does. This could be an IE box model issue. Do any of the elements inside the div have padding or borders? If so they could be pushing the width a bit wider than you expect. You may have to add another div inside of it which has margins set to get the desired affect. If that doesn't work, I'm not sure what would.
Have you tried it? Would it be possible to change the margin in the CSS? What is the width of table inside the div set at? Do the cells have borders or padding?