.menu {
 margin: 0;
 padding: 0;
 list-style: none;
}

.menu li {
 float: left;
 display: block;
 position: relative;
 background: transparent;
 border-left: 1px solid #555;
 border-right: 1px solid #555;
 margin-right: -1px;
}

.menu li.first {
border-left: 0;
}

.menu li.last {
border-right: 0;
}

.menu a {
 display: block;
 padding: 3px;
 color: #eee;
 text-decoration: none;
}

.menu a:hover, .menu a:focus {
 color: #000;
 text-decoration: none;
 background: #ddd;
}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menu a {
 float: left;
}

/* \*/
.menu a {
 float: none;
}
/* */