Negative margin makes border fade in IE7

Example: http://jsfiddle.net/xUrDc/

I am trying to surround each liborder with a width of just one pixel. To make the lines fit properly, I set margin-top:-1pxfor each li(otherwise the border is too thick between each).

When I install my browser in IE7 in debug mode, the border at the top disappears. Can someone tell me why this could be so or suggest a better way to achieve the desired look?

+3
source share
1 answer

Ignoring the ability to do it differently, you can fix IE7 by adding zoom: 1to ul li.

: http://jsfiddle.net/xUrDc/1/

? , , hasLayout IE7, , , .

: : 1; CSS?

+7

All Articles