Fixing the IE z-index bug.

Hold on Cowboy

This blog post is pretty old. Be careful with the information you find in here. It's likely dead, dying, or wildly inaccurate.

We all know that IE is full of bugs and just plain sucks as a browser… if you didn’t know that you can drop your geek badge off on the way out. So today I ran across the Z-Index bug in IE7.

Sometimes you’ve seen this behavior before: ![Screen shot 2010-05-13 at 12.15.21 PM.png](images/Screen shot 2010-05-13 at 12_15_21 PM.png)

The fix is to give the parent of the element with a z-index a slightly higher z-index

<div style="z-index: 1000;">
<div style="z-index: 999;">Content Here</div>


Did this help you out? It took me a few days to piece together all this information together, I hope this saves you some time (who knows, maybe the future me will be thankful I wrote this down). Let me know your thoughts. [email protected]