0

I am developing a site that has a specified height to it. I have made a DIV and defined the height and added the CSS property overflow:auto. Within this DIV I have another that contains my content and other specific styling. In all other browsers the inner content scrolls vertically just fine if it is longer than the specified height outer DIV height. However, in IE7 (probably in 6 as well) the inner DIV is overflowing the outer DIV. To me it looks like IE7 doesn't see that this DIV is actually a child so it ignores the overflow:auto.

Any ideas what I may need to change?

Aaron
  • 31
  • 1
  • 9

1 Answers1

0

Do you have set widths on the divs? I know both IE7 and IE6 have issues with overflow:auto; sometimes if there are no set widths, so you should try adding them to be sure. Also try adding display:block; on both divs (particularly the inner div).

If you haven't use it already, Firebug Lite is an awesome tool for testing CSS in the IEs.

Amber June
  • 376
  • 3
  • 10
  • Thanks, I had already set the widths. Added the display:block; but didn't work as well. It just wants to pop out of its container like its not there. – Aaron Nov 11 '10 at 21:24
  • Try using a Clearfix method. It's really a best practice to use Clearfix everywhere. I found the best methods here: http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/ – Amber June Nov 12 '10 at 00:02
  • Do you have a link to the page having this issue? – Amber June Nov 12 '10 at 00:03