problem with menu in IE

Hello,

I am trying to make a menu, in firefox it looks great, in IE all it does is list my options vertical with the correct color i want, and underlined....any ideas?

.menu
{
	background-image:url(menubgBAR.png);
	background-repeat:no-repeat;
	float:left;
	width: 680px;
	height:85px;
	background-position: center top;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	padding-top:8px;
	margin-top:50px;
}
.menu li

{
		list-style-type:none;
	display:inline-block;
	}
.menu li a
{
text-decoration:none;
	color:#08ff19;
	padding:17px;
}
.menu li a:hover{
	background-image:url(menubgSMALL.png);
	background-repeat:no-repeat;
	background-position:center;
	padding:17px;
	color:#000;
}

.menu li#l a:hover{
	background-image:url(menubgBIG.png);
	color:#000;
	background-repeat:no-repeat;
	background-position:center;
	padding:17px;
}

Code (markup):

thanks in advance

 

display the li's as inline only and float the anchors to the left and make sure u set your anchors to display block