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
Post a Comment