Quiero tener un div con una lista dentro y para ello tengo el siguiente código:
<style type="text/css" media="screen">
#uno { margin:0;padding:0;background-color:#99CC99;border:0; }
#uno ul {
margin: 0;
padding: 0;
}
#uno li {
display: inline;
padding: 0 20px 0 0;
margin: 0;
margin-right:1em;
background-color:#0033CC;
}
</style>
</head>
<body>
<div id="uno"><ul><li>hjhj</li><li>yuyuiu</li></ul></div>
El problema es que en Firefox, pero no en IE, me deja una pequeña separación superior e inferior entre la lista y el borde del div (como un padding). He puesto, como se puede ver, los márgenes y padding a cero de todos los elementos pero aún así no consigo quitar esa pequeña separación. ¿Alguna idea?