February 7th, 2013, 03:41 PM
|
|
Registered User
|
|
Join Date: Jan 2013
Posts: 3
Time spent in forums: 32 m 14 sec
Reputation Power: 0
|
|
|
Safari not displaying menu correctly
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.
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
