#menu {
background: #d22929;
float: left;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
#menu li {
float: left;
font-size: 10px;
font-family: "Verdana", "Arial", Helvetica, sans-serif;
margin: 0px 35px 0px 0px;
padding: 0;
}
#menu a {
background: #d22929;
font-size: 1.2em;
color: #fff;
display: block;
float: left;
margin: 0;
padding: 8px 12px;
text-decoration: none;
}
#menu a:hover {
background: #d29c1a;
color: #fff;
}
The picture above is 250px wide.
The total width of this element is also 250px.
The picture above is 250px wide.
The total width of this element is also 250px.