menu out of sync

[brown2005]

hi if you look at

 

http://www.fantasy-comps.com/index/index.php?page=statistics

 

on internet explorer, the menu appears as it should do on the left side...

 

but now look at it on firefox and it is totally all over the place..

 

any help please...

 

code...

 

echo"<div id='stats-content'>";

echo"	<div id='stats-left'>

		<div id='left-nav'>

			<h2>Our Stats</h2>

			<ul>

				<li><a href='http://www.fantasy-comps.com/index/index.php?page=stats&action=website_hits'>Website Hits</a></li>
				<li><a href='http://www.fantasy-comps.com/index/index.php?page=stats&action=members'>Members</a></li>

			</ul>

			<h2>Other Stats</h2>

			<ul>

				<li><a href='http://www.fantasy-comps.com/index/index.php?page=stats&action=alexa'>Alexa</a></li>

			</ul>				

		</div>

	</div>";

echo"	<div id='stats-right'>right</div>";

echo"</div>";

 

css for left nav

 

/* CSS Document */

/* LEFT-NAV */

	#left-nav
	{

		width: 145px;

		float: left;

	}

/* LEFT-NAV H2 */

	#left-nav h2
	{

		float: left;

		width: 125px;
		height: 15px;

		margin: 0px 0 1px 0;
		padding: 4px 5px 0px 10px;						

		background: #ccc;
		display: block;

		text-align: left;
		text-indent: 0;	
		font-size: 12px;		
		font-weight: bold;
		color: #333;			

	}

		/* LEFT-NAV H2 */

	#left-nav ul li a:link
	{

		float: left;

		width: 125px;
		height: 15px;

		margin: 0px 0 1px 0;
		padding: 4px 5px 0px 10px;						

		background: #ffffff;
		display: block;

		text-align: left;
		text-indent: 0;
		text-decoration: none;
		font-size: 12px;		
		font-weight: normal;
		color: #333;			

	}

	#left-nav ul li a:visited
	{

		float: left;

		width: 125px;
		height: 15px;

		margin: 0px 0 1px 0;
		padding: 4px 5px 0px 10px;						

		background: #ffffff;
		display: block;

		text-align: left;
		text-indent: 0;
		text-decoration: none;
		font-size: 12px;		
		font-weight: normal;
		color: #333;			

	}		

	#left-nav ul li a:hover
	{

		float: left;

		width: 125px;
		height: 15px;

		margin: 0px 0 1px 0;
		padding: 4px 5px 0px 10px;						

		background: #FFFF00;
		display: block;

		text-align: left;
		text-indent: 0;	
		text-decoration: none;			
		font-size: 12px;		
		font-weight: normal;
		color: #333;			

	}													

 

 

css for stats

 

/* CSS Document */

/* STATS-LEFT */

	#stats-left
	{

		width: 150px;

		float: left;

	}	

/* STATS-RIGHT */

	#stats-right
	{

		width: 560px;

		float: right;

		border: 1px solid #999999;

		background: #ffffff;

	}		

[dbrimlow]

Looks fine to me in both FF and IE 6.

 

It is perfectly valid xhtml and doesn't need any hacks or IE conditional expressions.