DIV with no scrollbar

[Porl123]

I've got a div for my navigation bar with a fixed height, which has another div inside containing the links of my website. What it's meant to do is when the inside div gets too long the outer div is supposed to have a scrollbar, and it works fine for every browser but IE. Here's the css of the outer div:

 

#mainNav1 {float: left; height: 496px; width: 180px; border: 1px solid #111; overflow-x: hidden; overflow-y: auto; font-size: 10px; text-align: center; padding: 0px;}

 

Can anyone point out my mistake? Thanks

[haku]

I believe IE doesn't recognized overflow-x and overflow-y. You can only set overflow.

[Porl123]

Yeah, it's a pain in the arse because when you allow both to scroll, the horizontal bar accounts the vertical bar as part of the div width in IE, so I can't get rid of the horizontal bar. I'll just have to live with it. D: Thanks anyway!