Want dropdown submenu to be vertical not horiz

1

I can’t figure out why this submenu is horizontal. Can someone please point me in the right direction? I realize that the whole site looks like crap in IE; haven’t even begun the task of coding for IE because I work on a Mac. Thanks in advance. :hugegrin:

Here’s the link: http://www.snappychicdesigns.com/pinnacle/products.html (hover over “Game Calls” to see drop down)

Here’s the HTML:

<div id="productNav">
	<ul>
		<li><a href="http://www.snappychicdesigns.com/pinnacle/products_scents.html">Deer Scents &amp; Attractants</a></li>
		<li><a href="http://www.snappychicdesigns.com/pinnacle/products_gamecalls.html">Game Calls</a>
			<ul>
				<li><a href="#">Turkey</a></li>
				<li><a href="#">Deer</a></li>
				<li><a href="#">Squirrel</a></li>
				<li><a href="#">Predator</a></li>
			</ul>
		</li>
		<li><a href="http://www.snappychicdesigns.com/pinnacle/products_scentcontrol.html">Scent Control</a></li>
		<li><a href="http://www.snappychicdesigns.com/pinnacle/products_waterfowl.html">Waterfowl</a></li>
		<li><a href="http://www.snappychicdesigns.com/pinnacle/products_accessories.html">Hunting Accessories</a></li>
		<li><a href="http://www.snappychicdesigns.com/pinnacle/products_art.html">Photography &amp; Art</a></li>
		<li><a href="http://www.snappychicdesigns.com/pinnacle/products_apparel.html">Pinnacle Apparel</a></li>
		<li><a href="http://www.snappychicdesigns.com/pinnacle/products_health.html">Outdoor Health &amp; Nutrition</a></li>
	</ul>
	</div>

Here’s the CSS:

#productNav{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	font-variant: small-caps;
	margin: 0px 0px 0px 64px;
	padding:0px 0px 0px 0px;
	height:43px;
	position:relative;
	float:left;
	clear:both;
}
#productNav ul{
	margin:0;
	padding:0;	
	list-style:none;
}
#productNav div{
	margin:0;
	padding:0;
	width:100%;
	clear:left;
}
#productNav li{
	float:left;
}
#productNav a:link{
	background:transparent url(images/tab.png) no-repeat scroll left top;
	font-family:Times, Times New Roman, serif;
	font-weight:bold;
	font-size:13px;
	font-variant: small-caps;
	display:block;
	width:110px;
	height:43px;
	color:#A35507;
	text-decoration:none;
	text-align:center;
	display:table-cell; 
	vertical-align:middle;
}
#productNav a:visited{
	background:transparent url(images/tab.png) no-repeat scroll left top;
	font-family:Times, Times New Roman, serif;
	font-weight:bold;
	font-size:13px;
	font-variant: small-caps;
	display:block;
	width:110px;
	height:43px;
	color:#A35507;
	text-decoration:none;
	text-align:center;
	display:table-cell; 
	vertical-align:middle;
}
#productNav a:hover{
	font-family:Times, Times New Roman, serif;
	font-weight:bold;
	font-size:13px;
	font-variant: small-caps;
	display:block;
	width:110px;
	height:43px;
	color:#333333;
	text-decoration:none;
	text-align:center;
	display:table-cell; 
	vertical-align:middle;
}
#productNav #active{
	background:transparent url(images/tab.png) no-repeat;
	font-family:Times, Times New Roman, serif;
	font-weight:bold;
	font-size:13px;
	font-variant: small-caps;
	display:block;
	width:110px;
	height:43px;
	color:#333333;
	text-decoration:none;
	text-align:center;
	display:table-cell; 
	vertical-align:middle;
}
#productNav #active a{
	background:transparent url(images/tab.png) top right no-repeat;
	font-family:Times, Times New Roman, serif;
	font-weight:bold;
	font-size:13px;
	font-variant: small-caps;
	display:block;
	width:110px;
	height:43px;
	color:#333333;
	text-decoration:none;
	text-align:center;
	display:table-cell; 
	display:table-cell; 
	vertical-align:middle;
}

#productNav ul ul {
	display: none;
	position:absolute;
	z-index:500;
	top:auto;
}
#productNav ul li ul {
	display: none;
}

#productNav ul li:hover ul {
	display: block;
	position: absolute;
}

#productNav ul li:hover ul li a {
	display:block;
	background:##EDC487;
	color:#000000;
	width: 80px;
	height:20px;
	text-align: center;
	border-bottom: 1px solid #f2f2f2;
	border-right: none;
}

#productNav ul li:hover ul li a:hover {
	background:#EDC487;
	color:#000000;
	display:block;
}