Como colocar las etiquetas en forma de botones

Anteriormente y gracias a betatrucos.blogspot.com hice un post de como colocar las etiquetas en forma de pestañas, este truco fue sacado de hoctro.blogspot.com, pues bien revisando este último blog encontré la manera de colocar las etiquetas en forma horizontal utilizando CSS.

Clic en la imagen para ver el ejemplo de las
etiquetas en vertical con css:

Se realizara casi el mismo procedimiento que para colocar etiquetas en forma de pestañas, solo que en la 3er parte en vez de colocar ese código colocamos el que nos brinda: csspicstock.blogspot.com (Tiene 14 diseños); para el ejemplo escogí el menu 4:

/*- Menu 4--------------------------- */

#menu4 {
width: 200px;
margin: 10px;
border-style: solid solid none solid;
border-color: #000;
border-size: 1px;
border-width: 1px;
}

#menu4 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}

#menu4 li a:link, #menu4 li a:visited {
color: #CCC;
display: block;
background: url(http://photos1.blogger.com/blogg1600/menu4.gif);
padding: 8px 0 0 10px;
}

#menu4 li a:hover {
color: #FFF;
background: url(http://photos1.blogger.com/1600/menu4.gif) 0 -32px;
padding: 8px 0 0 10px;
}

Luego en el paso 4 el cual se indica betatrucos.blogspot.com,(donde se sustituye el código azul por el rojo), cambie tabsF por menu4 (que es el que le corresponde al código que copiamos en el paso 3). Si escogen el menu 1, 2, 10 , o 13( para el paso 3), en el último paso tienen que sustituir tabsF, por el menu que le corresponda.

*Las etiquetas en la parte horizontal, es solo para mostrar como quedarían en caso de utilizar el truco proporcionado por betatrucos.blogspot.com, al ejecutar el código anterior las etiquetas solo se verian en forma vertical.

**"Recorte" el código de las imágenes, porque hacian correr la columna de la derecha hacia abajo, (solo lo coloque como ejemplo de hasta donde copiar el código del menu); asi que es mejor que lo copien completo desde csspicstock.blogspot.com.