[Ovillo] Menu usando listas

[Víctor Berga]

Hola,

He hecho el siguiente menú haciendo uso de listas desordenadas y css:

<ul id="navBar">

      <li>
        <div class="navBarIcono">
          <a href="#"><img src=
          "icono.png" alt=
          "Inicio" /></a><br />
          <a href="#">Inicio</a>
        </div>
      </li>
      <li>
        <div class="navBarIcono">

          <a href="#"><img src=
          "icono1.png" alt=
          "Boton1" /></a><br />
          <a href="#">Boton1</a>
        </div>
      </li>

</ul>

y el css:

#navBar {
	list-style-type: none;
}

#navBar li {
	margin: 2px;
	padding: 2px;
	float: left;
}
div.navBarIcono {
	text-align: center;
	font-size: 10px;
}


La idea es hacer una barra horizontal con el icono arriba, el texto abajo y
todo centradito. Los resultados con este código son lo que necesito pero
gustaría saber si es la mejor forma y la más adecuada para hacerlo usando
XHTML1.0 Strict y sobre todo que tal he usado el CSS o:-)

Gracias,
Víctor

--
Víctor Berga [vbergae.listas (at) gmail.com]
"Sin música la vida sería un error"