Under IE6 margin-bottom sets the negative number to be hidden issues, ie6margin-bottom

Under IE6 margin-bottom sets the negative number to be hidden issues, ie6margin-bottom

The expected results are as follows:

 

However, in IE6, the bottom border of the current tab does not cover the bottom border of the parent element. on the Internet, it is said that the parent element will start haslaytout, but it won't work if it is tried, finally, you can set margin-bottom:-1px; position: relative; In the tab element to solve the problem.

Note that the height of the tab element must be 1 px higher than that of the parent element.

My code is as follows:

<ul class="tabs">        <li class="tab cur"><a href="?id=435">مەكتەپ ئالبۇمى</a></li>        <li class="tab "><a href="?id=434">ئەسەرلىرىمىز</a></li>    </ul>

　　

ul.tabs{display:block; padding:0 10px 0 0; margin:25px 0 0 0; height:35px; border-bottom:solid 1px #ccc; line-height:35px;}ul.tabs li{display:block; float:right; padding:0 10px; margin:0; list-style:none;}ul.tabs li.cur{ border:solid 1px #ccc; border-bottom-color:#fff; background-color:#fff; height:34px; margin-bottom:-1px; position:relative;}

　　

In IE6, the excess margin-left part is hidden. Solution

Set a div outside.
 
Why can't I set margin-bottom: 10px in li; In IE7 and IE8? In IE6, it is normal.

May be compatibility issues? I used to do the same. My website is on Firefox, and I cannot do it on IE .. Same Solution ..