Problem with my CSS/Navbar Please Help! :)

I have been creating my own theme and am having trouble getting my Nav menu tabs to sit at the bottom of my navbar. Here is my CSS:

#navigation {
	width: 900px;
	height: 42px;
	float: left;
position: relative;
	background: url(images/navigation-bg.jpg) no-repeat;
	border-bottom: 1px solid #85aae0;
	background-color: #85aae0;
	text-transform: uppercase;
	letter-spacing: 1px;
	word-spacing: 1px;
}
#navigation ul {
		margin: 0px; padding: 0px; list-style-type: none; }
#navigation li {display: inline; float: left; margin-right: 3px; padding-left: 7px; background: url(images/nav-tab-left.jpg) no-repeat; }
#navigation a {display: block; text-decoration:none; color: #FFFFFF; padding: 0px 4px 0px 0px; line-height: 33px; background: url(images/nav-tab-right.jpg) top right; }

I believe it has something to do with the #navigation li line but I have been staring at this for too long to figure out what it is.

Thanks in advance for your help!

Bettina