Hello,

I am using the following code from Rachel Andrew book to style my horizontal menu. I want to make all the boxes of the menu same width so they don't depend on the length of the word itself e.g now box containing word "blog" is shorter than box containing "contact" etc.




#navigation {
font-size: 90%;
}

#navigation li{
display: inline;
}

#navigation ul{
list-style: none;
margin: 0;
padding: 0;
padding-top: 1em;
}


#navigation a:link, #navigation a:visited {
padding: 0.4em 1.3em 0.4em 1.3em;
color: #FFFFFF;
background-color: #B51032;
text-decoration: none;
border: 1px solid #711515;
margin-left: 4px;
margin-right: 4px;

}

#navigation a:hover {
color: #FFFFFF;
background-color: #711515;


Thank you