float right working and not working

[brown2005]

the below codes works well in

 

internet explorer

opera

 

but not in

 

netscape

firefox

 

any ides please

 

 

php code

 

<?php

session_start();

echo"	<div id='navigation-bar'>
    		
			<p class='left'>

				<a href='$config_website_url/$config_website_url_topic/index.php?page=home'>HOME</a>";

				if($page == "home"){ echo" "; }else{ echo"  |  <a href='$config_website_url/$config_website_url_topic/index.php?page=$page'>"; echo strtoupper($page); echo"</a>"; } 

				if($view == ""){ echo" "; }else{ echo"  |  <a href='$config_website_url/$config_website_url_topic/index.php?page=$page&view=$view'>"; echo strtoupper($view); echo"</a>"; }

				if($action == ""){ echo" "; }else{ echo"  |  <a href='$config_website_url/$config_website_url_topic/index.php?page=$page&view=$view&action=$action'>"; echo strtoupper($action); echo"</a>"; }					

echo'		</p>

				<p class="right">

				<form action="" method="post" name="drop">'; ?>

					<select name="link"  style="font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 11px; width:108px" onchange="if (this.options[selectedIndex].value != '') location.href=this.options[selectedIndex].value">

<?	echo'					<option>Quick Links          </option>				
						<option> </option>					
						<option value="index.php?page=home">Home</option>
						<option> </option>					
						<option value="index.php?page=test">test</option>

					</select>

				</form>
			</p>
			  			
		</div>';

?>

 

css code

 

/* CSS Document */

/* navigation-bar */

	#navigation-bar 
	{

		clear: both;

		margin-top: 2px;

		height: 32px;						

		background-color: #4c4945;

		font-family: Arial;
		font-weight: bold;
		font-size: 12px;

		color: #ffffff;

	}

	#navigation-bar p.left
	{
	  
		float: left;

		padding: 10px;

	}

	#navigation-bar p.left a:link
	{

		font-family: Arial;
		font-weight: bold;
		font-size: 12px;

		color: #ffffff;

		text-decoration: none;

	}

	#navigation-bar p.left a:visited
	{

		font-family: Arial;
		font-weight: bold;
		font-size: 12px;

		color: #ffffff;

		text-decoration: none;

	}

	#navigation-bar p.left a:hover
	{

		font-family: Arial;
		font-weight: bold;
		font-size: 12px;

		color: #ffffff;

		text-decoration: underline;

	}

	#navigation-bar p.right
	{
	  
		float: right;

		padding: 7px 10px 7px 10px;

	}												

[brown2005]

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

 

that is my website which will show you what I mean

 

any help please