Buenas, como siempre IE poniendo las cosas fáciles... Alguien tiene idea de cómo hacer que este código se vea igual en Chrome/Mozilla que en IE? Viene a ser un menú centrado, pero al ponerlo en IE se va hacia un lado.
Código:
<html>
<head>
<style>
.a
{
width: 80%;
height: 20px;
background-color: #AAAAAA;
margin-left: auto;
margin-right: auto;
border: 1px solid;
list-style-type: none;
}
.b
{
width: 100px;
height: 20px;
background-color: #00FF00;
float:right;
margin: 0px;
padding: 0px;
}
.c
{
width: 100px;
height: 20px;
background-color: #00FF00;
float:left;
margin-left: -40px;
display:block;
}
</style>
</head>
<body>
<menu class="a">
<li class="b">1</div>
<li class="b">2</div>
<li class="b">3</div>
<li class="b">4</div>
<li class="c">5</div>
<li class="c">6</div>
<li class="c">7</div>
<li class="c">8</div>
</menu>
</body>
</html>
Gracias!