Negative Margin for IE7 & IE8

Last tip was to fix the bug related to negative margin for IE…. use of zoom: 1
but today i faced another problem with negative margin its hide the div….
Here is trick
use zoom:1, position: relative

Problem:

.container{
padding: 20px;
}
.toolbar{
margin-top: -10px ;
}

in IE red area of toolbar div hide itself. even we are using zoom: 1. to get rid of this problem we need to add position: relative too.

Image may be NSFW.
Clik here to view.

Solution:

so your css class will become
.container{
padding: 20px;
}
.toolbar{
margin-top: -10px ;
zoom: 1;
position: relative;
}