Z-Index: Divs still overlap in the wrong order (browserwide)
        Posted  
        
            by BeatMe
        on Stack Overflow
        
        See other posts from Stack Overflow
        
            or by BeatMe
        
        
        
        Published on 2010-04-30T05:33:15Z
        Indexed on 
            2010/04/30
            5:37 UTC
        
        
        Read the original article
        Hit count: 275
        
Hi,
I can't select one of those dropdrown-links, although the #header div has a higher z-index than the rest. All relevant divs are in the same level but do not align properly:
http://img32.imageshack.us/img32/4245/zindex.png
        <div id="header">
            <div id="navigation">
            </div>
  </div>  
  <div id="sidebar"></div>
  <div id="content">
                           ...
  </div>
#header {
 width: 915px;
 height: 76px;
 z-index: 5;
}
#content {
 width: 677px;
 height: 412px;
 margin-left: 202px;
 z-index:1;
}
#sidebar { 
    float: left;
    width: 200px;
    height: 448px;
    z-index: 2;
}
#navigation {
    height: 28px;
    width: 915px;
    float: right;
 }
        © Stack Overflow or respective owner