[mat4020]

Thanks for the tips guys, but so far no luck yet. It could be that I'm doing something totally wrong - so tell me if I am.

Below is my div that is wrapping the menu

#content {
	float: left;
	width: 750px;
	margin: 0 auto;
	padding: 0 0;
}

This is the xml for the menu

<div id="content">
	<div id="nav">
	<ul id="pmenu">
	<li class="tc"><a href="#nogo">Home</a></li>
	<li class="tc drop"><a href="#">Programs<!--[if IE 7]><!--></a><!--<![endif]-->
		<!--[if lte IE 6]><table><tr><td><![endif]-->
		<ul>
		<li><a href="#nogo" class="enclose">Teaching</a></li>
		<li class="fly"><a href="#nogo">Sports Management<!--[if IE 7]><!--></a><!--<![endif]-->
				<!--[if lte IE 6]><table><tr><td><![endif]-->
				<ul>
				<li><a href="#nogo" class="enclose">Compact</a></li>
				<li><a href="#nogo">Digital<!--[if IE 7]><!--></a><!--<![endif]-->
				<li><a href="#nogo">SLR</a></li>
				</ul>
				<!--[if lte IE 6]></td></tr></table></a><![endif]-->
			</li>
		<li class="fly"><a href="#nogo">Cameras<!--[if IE 7]><!--></a><!--<![endif]-->
				<!--[if lte IE 6]><table><tr><td><![endif]-->
				<ul>
				<li><a href="#nogo" class="enclose">Compact</a></li>
				<li><a href="#nogo">Digital<!--[if IE 7]><!--></a><!--<![endif]-->
				<li><a href="#nogo">SLR</a></li>
				</ul>
				<!--[if lte IE 6]></td></tr></table></a><![endif]-->
			</li>
		<li><a href="#nogo">Flash</a></li>
		<li><a href="#nogo">Video</a></li>
		</ul>
		<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
	<li class="tc"><a href="#nogo">Faculty</a></li>
	<li class="tc"><a href="#nogo">Students</a></li>
	<li class="tc"><a href="#nogo">News</a></li>
	</ul>
	</div>
</div>

Again, any help is appreciated.