css - Parent div is blocking cursor focus from child divs in IE7 -
here's idea: have div element, #content_wrapper, encompasses 3 floated divs, #left_column, #nav, , #content. here's styles on #content_wrapper:
#content_wrapper { float:left; background: url("images/bg-tan.jpg") repeat-y left center; position:relative; }
however, in internet explorer 7 #content_wrapper seems steal cursor child elements. whenever hover on #content_wrapper, cursor switches beam , i'm unable click on of links or text inside div. thoughts?
update: i've tried following fixes, none of have worked.
- applying fixed width elements, including parent , top level children
- apply position: relative elements , z-index
- using !important on above properties in case
- adding "zoom" property parent , child divs
- adding "overflow" property parent div
#content_wrapper { position: relative; z-index: -1; width: 1010px; }
edit: setting z-index of #content_wrapper -1. why it's happening. rid of or set positive value.
Comments
Post a Comment