Date: 05/04/07 (Web Development)    Keywords: css

I am having problems getting the links bar in my header to vertical-align:middle . Two of the blocks are one line and the other two of the blocks are only one line. I have been trying to fix this all morning. Does anyone have any tips?

Here is the page

Here is the css for the enclosing DIV:

.top_level a {
display: block;
padding: .2em 0 .1em 0;
border-right: 1px solid #fff;
border-top: 1px solid transparent;
float: left;
width: 9em;
height: 2.5em;
text-align: center;
vertical-align: bottom;
text-transform: uppercase;
font-size: .7em;
}

.top_level a:hover {
background-color: #000;
border-top: 1px solid #fff;
text-decoration: none;
}

Source: http://community.livejournal.com/webdev/405219.html