Ah, no imaginaba que querías que todo el ancho fuera un vínculo.
Entonces para mi quedan dos opciones (que se me ocurran):
1.- Usar un comentario condicional para el maldito:
<!--[if IE]> <style>#test1 li {margin-bottom: -4px;}</style><![endif]-->
(como ya apuntaba "Al Zuwaga").
2.- Cambiar radicalmente de estrategia y usar los botones como imágenes de fondo:
Código:
.boton1, .boton2, .boton3 {background-repeat: no-repeat;
height: 18px;
}
.boton1 {background-image: url(menu_01.png);
}
.boton2 {background-image: url(menu_02.png);
}
.boton3 {background-image: url(menu_03.png);
}
</style>
</head>
<body>
<h1>¡IE Sucks!</h1>
<h2>Lista de imagenes</h2>
<ul id="test1">
<li><a href="#" class="boton1"></a></li>
<li><a href="#" class="boton2"></a></li>
<li><a href="#" class="boton3"></a></li>
</ul>
Mikel.