Botones estilo Xbox 360

Funciona sin problemas en Opera, Firefox e IE7, y en teoria, deberia servir para cualquiera que soporte CSS2 de modo avanzado.

Puedes ver como personalizarlo y como funciona en Cosas Poposas, aqui tienes el código de este ejemplo en particular.

HTML

<ul class="menucuco">
<li><a href="#" class="x2 bu">Buscar</a></li>
<li><a href="#" class="x2 ca">Categorias</a></li>
<li><a href="#" class="x2 de">Destacado</a></li>
<li><a href="#" class="x2 rss">Feed RSS</a></li>
<li><a href="#" class="envi">Enviar</a></li>
<li><a href="#" class="ayu">Ayuda</a></li>
</ul>

CSS

.menucuco {
margin: 0px;
padding: 0px;
list-style-type: none;
}
.menucuco li {
display: inline;
}
.menucuco a {
display: block;
width: 200px;
font-family: "Segoe ui", Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
text-decoration: none;
color: #333333;
letter-spacing: -1px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #999999;
border-bottom-color: #999999;
margin-top: -1px;
background-image: url(http://tango.freedesktop.org/static/cvs/tango-icon-theme/16x16/actions/go-home.png);
background-repeat: no-repeat;
background-position: 10px center;
padding-left: 40px;
padding-top: 2px;
padding-bottom: 2px;
}

.menucuco a:hover {
background-color: #E9E9E9;
padding-left: 42px;
background-position: 12px center;
}

.menucuco .x2:hover {
background-position: 4px center;
}

.menucuco .x2 {
background-image: url(http://tango.freedesktop.org/static/cvs/tango-icon-theme/32x32/actions/address-book-new.png);
background-position: 2px center;
padding-top: 10px;
padding-bottom: 10px;
font-size: 15px;
}

.menucuco .bu {
background-image: url(http://tango.freedesktop.org/static/cvs/tango-icon-theme/32x32/actions/system-search.png);
}

.menucuco .ca {
background-image: url(http://tango.freedesktop.org/static/cvs/tango-icon-theme/32x32/mimetypes/package-x-generic.png);
}

.menucuco .de {
background-image: url(http://tango.freedesktop.org/static/cvs/tango-icon-theme/32x32/emblems/emblem-favorite.png);
}

.menucuco .rss {
background-image: url(http://tango.freedesktop.org/static/cvs/tango-icon-theme/32x32/emblems/emblem-important.png);
}

.menucuco .envi {
background-image: url(http://tango.freedesktop.org/static/cvs/tango-icon-theme/16x16/actions/edit-redo.png);
}

.menucuco .ayu {
background-image: url(http://tango.freedesktop.org/static/cvs/tango-icon-theme/16x16/apps/help-browser.png);
}