Page not aligning correctly

I see you have fixed it in your live site now but just to clarify for everyone else the nested ul must be contained within the li tags and not outside as shown above.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
</head>

<body>
<ul id="MenuBar" class="MenuBarHorizontal">
		<li><a href="http://www.meadowlarkco.com/company.php">Company</a></li>
		<li><a href="http://www.meadowlarkco.com/services2.php">Services</a></li>
		<li><a href="http://www.meadowlarkco.com/customersnew2.php">Customers</a></li>
		<li><a href="http://www.meadowlarkco.com/carriersnew.php">Carriers</a></li>
		<li><a href="http://www.meadowlarkco.com/locations.php">Locations</a></li>
		[B]<li>[/B]<a href="http://www.meadowlarkco.com/contactus.php">Contact Us</a>
				<ul>
						<li><a href="http://www.meadowlarkco.com/sales.php">Sales</a></li>
						<li><a href="http://www.meadowlarkco.com/CSR.php">CSR</a></li>
						<li><a href="http://www.meadowlarkco.com/dispatch.php">Dispatch</a></li>
				</ul>
		[B]</li>[/B]
</ul>
</body>
</html>