I am using a ul list and there is a bug where in internet explorer it shows verticly when i'm making it horizontal. The page is available at http://futuregamespc.com/menuhorz.html
Here is the html

<div id="mcontainer" height="20px"> 
				
					<ul id="mlist" style="display:inline; list-style-type: none;" title="mlist" height="20px"> 
						<li><img src="images/menuleft.GIF" width="10" height="15"></li> 
						
						<li><a target="_top" href="index.html">Home</a></li>--
			
						<li><a target="_top" href="all_games.html">All</a> </li>--
						
						<li><a target="_top" href="racinggames.html">Racing</a></li>--
						
						<li><a target="_top" href="holidaygames.html">Holiday</a></li>--
						
						<li><a target="_top" href="multiplayergames.html">Multiplayer</a></li>--
						
						<li><a target="_top" href="sport_games.html">Sport</a></li>--
						
						<li><a target="_top" href="puzzle_games.html">Puzzle</a></li>--
						
						<li><a target="_top" href="action_adventure_games.html">Action &amp; 
						Adventure </a></li>--
						
						<li><a target="_top" href="Strategy_&_RPG_Games.html"> 
						Strategy &amp; RPG&nbsp;
						</a></li>--
						<li><a target="_top" href="shooting_games.html">Shooting</a></li>--
						<li><a target="_top" href="Miscellaneous_games.html">Miscellaneous </a></li> 
						<li> 
				
				<img src="images/menuright.GIF" width="10" height="15"></li> 
					</ul> 
					
 
					
				</div>

Here is the CSS

#mcontainer { 
	width:150px;
	display:inline;
	list-style-type: none;
	background:#212121;
	display:inline;
	list-style-type: none;
}
#mcontainer ul {
	margin: 0 0 0 0;
	padding-left: 0;
	list-style-type: none;
	display:inline;
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	display:inline;
	list-style-type: none;
}
#mcontainer a {
	display: inline;
	list-style-type: none;
	width: 150px;
	text-align:center;
	font-weight:bold;
	display:inline;
	list-style-type: none;
}
#mcontainer a:link, #mlist a:visited {
	color:#fff;
	text-decoration: none;
	display:inline;
	list-style-type: none;
}

#mlist li
{
display: inline;
list-style-type: none;
}

#mcontainer a:hover {
	background-color: #fff;
	color: #000;
	display:inline;
	list-style-type: none;
}

#1 - put a proper DOCTYPE on your page !
#2 VALIDATE your code

After you've done those 2 things, then see where that leaves you. The display:inline belongs in the <li> element.

oh thanks. I fixed it but haven't uploaded it yet.