Jag kör denna kod:
<html>
<head>
<style>
#header ul { list-style-type: none; }
#header ul li { float: left; margin: 0 16px 0 0; padding: 0; line-height: 1.2em; }
#header ul li a { display: block; margin: 0; padding: 0; font-size: 1.8em; font-weight: normal; text-decoration: none; }
#header ul li a:hover { margin: 0; padding: 0; background-color: #ccc; text-decoration: none; }
</style>
</head>
<body>
<div id="header">
<ul>
<li><a href="">testtext</a></li>
<li><a href="">testtex t234</a></li>
<li><a href="">testext657</a></li>
<li><a href="">tes t78978</a></li>
</ul>
</div>
</body>
</html>
Se bifogade bilderna för skillnaderna i Firefox för Mac OS X och Windows, det grå fältet dyker alltså upp när man håller musen över som ni ser i CSS:en. Varför blir det grå fältet 3px mindre på Mac?
