I hope someone can help here, I've fixed all compatibility issues with my site across most browsers except for Safari which strangely moves half my menu down to the second line, screwing up my layout.

CSS:
Code:
#nav {
	position: absolute;
	margin: 80px 0px 0px 470px;
	width: 464px;
	z-index: 100;
}

#sub_menu	li a {
	text-decoration:none;
	color:#000;
	height:40px;
	line-height:20px;
	vertical-align:middle;
	border:0px solid #000;
	background-color: transparent;
	margin:0px;	
	padding:0px;
	display: inline;
}
HTML

Code:
	
<div id="nav">
			<div id="sub_menu" style="visibility: hidden;">
		<ul>
  			<li><a href="index.html">Home</a></li>
  			<li><a href="scenesfromyourkitchen.html">Portfolios</a>
   				<ul>
      				<li><a href="scenesfromyourkitchen.html">Scenes From Your Kitchen</a></li>
      				<li><a href="orionandevents.html">The Orion and News</a></li>
					<li><a href="nature.html">Nature</a></li>
   				</ul>
 			</li>
  			<li><a href="about.html">About</a></li>
			<li><a href="contact.html">Contact</a></li>
		</ul>
	</div> <!-- END NAV DIV-->
The menu is supposed to display all on one line and does so with every other browser. I'm slowly improving with CSS but this is really frustrating. If anyone can lend a hand I would appreciate it.