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

Popular posts from this blog

c++ - How do I get a multi line tooltip in MFC -

asp.net - In javascript how to find the height and width -

c# - DataTable to EnumerableRowCollection -