IE up to IE7 uses the nearest positioned ancestor to determine the stacking context.
You seeing that in IE6 too?
Put your button after the ul and then try it.
More Related Contents:
- IE7 Z-Index Layering Issues
- What bug does zoom:1; fix in CSS?
- IE6/IE7 css border on select element
- Understanding z-index stacking order
- Is it possible to set the stacking order of pseudo-elements below their parent element? [duplicate]
- z-index is canceled by setting transform(rotate)
- Which CSS properties create a stacking context?
- How to get a parent element to appear above child [duplicate]
- What has bigger priority: opacity or z-index in browsers?
- How to make child element higher z-index than parent? [duplicate]
- Should I use single or double colon notation for pseudo-elements?
- IE6 + IE7 CSS problem with overflow: hidden; – position: relative; combo
- Z-Index Relative or Absolute?
- Internet Explorer z-index bug?
- z-index does not work in Internet Explorer with pdf in iframe
- Bootstrap dropdowns menus appearing behind other elements – IE7
- Z-index with before pseudo-element
- css z-index issue with nested elements
- IE7 relative/absolute positioning bug with dynamically modified page content
- box-sizing support in IE7
- How to get “position:fixed” css to work in IE 7+ with TRANSITIONAL doctype?
- ::before pseudo-element stacking order issue
- Stacking order of elements affected by opacity
- Float a div above page content
- IE7, IE8 support for css3 media query [duplicate]
- Bootstrap Modal sitting behind backdrop
- Why does stacking order change on webkit filter hover?
- What disadvantages are there to the tag?
- CSS negative z-index: what does it mean?
- How to fix Internet explorer 7 bug when using percentage widths for layout?