Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
Example: http://jsfiddle.net/xUrDc/
I’m trying to surround each li with a border exactly one pixel wide. In order that the lines meet properly, I’m setting margin-top:-1px on each li (Otherwise the border is too thick between each).
When I set my browser to IE7 in debug mode, the border at the top disappears. Can anybody tell me why this might be the case or suggest a better way to achieve the look I want?
Ignoring the possibility of doing it a different way, you can fix IE7 by adding
zoom: 1toul li.See: http://jsfiddle.net/xUrDc/1/
Why does this work? In short, it provides a magical property known as
hasLayoutto the element in IE7, which happens to fix this bug.More info: What bug does zoom:1; fix in CSS?