css - IE 7 & 8 overflow:hidden problem -


I am working on a project's CSS. And face some overflow problems with IE it's testite:

You can scroll the list using the buttons at the bottom of the list. Some works fine in Firefox, Safari and all other common browsers but in IE I can not hide it overflow: to work and it starts to drive me crazy This list is always It shows in its full length, think about what I try now, can someone give me a clue?

This is the container's CSS in the list:

  div # listing {width: 204px; Height: 364px; Hidden flurry; }  

And the objects inside are:

  div # listing ul li (status: relative; Padding: 5px; Margins: 0 7px; Height: 54px; Background image: -Mo-linear-shield (top, # f5f5f5, #ddd); Background image: -WebKit-gradient (linear, left top, left lower, color-stop (0, # F5F5F5), color-stop (1, # DDD)); Limit: 1px solid #ddd; -WebKit-boundary-radius: 5px; -max-boundary-radius: 5px; Boundary-radius: 5px; -Moz-Box-Shadow: 0x8px #ddd; -WebKit box-shadow: 0x8px #ddd; Box-Shadow: 0x8px #ddd; }  

Event if I set the U which contains LIVE overflow with LIST of 100px with LIST in my list. they appear.

Well known IE bug. Do this:

  div # listing {status: relative; Width: 204px; Height: 364px; Hidden flurry; }  

Edit: Link here explaining it:


Comments

Popular posts from this blog

c# - sqlDecimal to decimal clr stored procedure Unable to cast object of type 'System.Data.SqlTypes.SqlDecimal' to type 'System.IConvertible' -

Calling GetGUIThreadInfo from Outlook VBA -

Obfuscating Python code? -