Creación de menú CSS

The CSS:

ul li{

float:left;
padding:0 5px;
list-style:none;

}

ul li a{

background:url(/* LEFT IMAGE */) no-repeat left top;
height:45px;
display:block;
float:left;
padding-left:20px;
text-decoration:none;
color:#000;

}

ul li a span{

background:url(/* RIGHT IMAGE */) no-repeat right top;
display:block;
padding:15px 20px 0 0;
display:block;
height:30px;
float:left;

}

Demo: ver

[via] dezinerfolio.com