ciao a tutti io ho questa barra
codice HTML:
<style type="text/css">	body {font-family:arial; font-size:11px;}	input.rounded{  border: 1px solid #000;  -moz-border-radius: 5px; /* Firefox e browser basati su Mozilla */  -webkit-border-radius: 5px; /* Safari, Chrome e browser basati su WebKit */  border-radius: 5px; /* standard CSS3 */
}		#nav { align: center;		display:block;			position: fixed !important;			padding:0; 			list-style:none;			font-size:14px;			z-index: 100000;				}				#nav li {			float:left; 			display:block; 			width:150px; 			height:50px;			background:#E0E0E0; 			position:relative;			z-index:500; 			margin:0 0px;			-webkit-transition: all 0.1s ease-in-out;			font-size:14px;				}		#nav li.first {			border-radius:5px 0 0 5px;			-moz-border-radius:5px 0 0 5px;			font-size:14px;			}		#nav li.last {			border-radius:0 5px 5px 0;			-moz-border-radius:0 5px 5px 0;			padding: 12px 0 0 0;			height: 38 ;			align: right;			width:250px;			font-size:14px;						}		#nav li li.last {			border-radius:0 0 5px 5px;			-moz-border-radius:0 0 5px 5px;			font-size:14px;			width:150px;						}		#nav li a {			display:block; 			padding:18px 5px 20 5px; 			font-weight:700;  			text-size:14;			text-decoration:none; 			text-align:center; 			color:#333;			font-size:14px;		}
		#nav li a:hover {			color:#C00;		}		#nav li li:hover {			-webkit-transform: translate(+50px,0);			}			#nav a.selected {			color:#C00;		}			#nav ul {			position:absolute; 			left:0; 			display:none; 			margin:0 0 0 -1px; 			padding:0; 			list-style:none;		}				#nav ul li {			width:150px; 			float:center; 			border-top:1px solid #fff;			font-size:14px;		}				#nav ul a {			display:block;  			height:auto;			padding: 8px 5px; 			color:#666;			font-size:14px;		}		/* fix ie6, meglio inserirlo in un file .css separato */		*html #nav ul {			margin:0 0 0 -2px;		}
	</style>
<div align="center"><ul id="nav">	<li class="first"><a href="../index.php">Home</a>		</li>	<li ><a href="#">Categories</a>	<ul>			<li></li>			<li></li>			<li></li><li></li>
			<li class="last"></li>	  </ul>	</li>		<li>		<ul>			<li></li>			<li></li>			<li class="last"></li>		</ul>				<div class="clear"></div>	</li>	<?php	$conn = mysql_connect("","","");  mysql_select_db("", $conn); $all_rows = mysql_num_rows(mysql_query("SELECT  FROM "));  $rs = mysql_query("SELECT * FROM  ORDER BY RAND() LIMIT 1") or die(mysql_error());  $row = mysql_fetch_array($rs);	?>
	 <li>  <?php echo" <a href=\"{$row['url']}\"> </a>" ?>	</li>	<li class="last"><div align="right"><form id="searchform" method="post" action="../search.php" position="relative" >						<div>														<input class="rounded" type="text" name="search" value="">        <INPUT TYPE=IMAGE SRC="../immagini/cerca.png"  ALIGN=ABSMIDDLE >						</div>					</form></div></li></ul></div><div class="clear"></div>
il mio problema è che nn la riesco a posizionare al centro o meglio ci riesco per una risoluzione di schermo me se ne uso un' altra essa non è più centrata ma spostata a sinistra o sballata, come devo fare??