I .Steps: 1. Go to: http://shop1.paipai.com/cgi-bin/user_info?uin=125391965 II. Issue: The background of the tabs is cut off. Notice that they don't extend down to the blue line. III. Other Browsers: IE and FF don't have this issue Opera and Safari has this issue. webkit version tested: r26759
Created attachment 16835 [details] reduction
Can I ask that you give your attachments a name that describes their purpose rather than simply duplicating the bug title in their name?
Apply all the style property to respective element, behavior of all the browser is same. <style> li a:hover{background:gray bottom no-repeat;display:block;height:29px;} </style> <div style="line-height:29px;display: block"> <ul> <li style="border:2px solid red;float:left;font:14px arial; width: 100px ; text-align: center;list-style-type:none;"><a href="">tab1</a></li> <li style="border:2px solid red; float:left; width: 100px; text-align: center;list-style-type:none;">tab2</li> <li style="border:2px solid red;float:left;font:14px arial; width: 100px; text-align: center;list-style-type:none;"><a href="">tab1</a></li> </ul> </div> IE and FF behavior is not similar when we apply the style as elementary property and by <style>.