[ps3zocker]

Ich habe das Problem das die Navigation in Safari nicht richtig geht.
Im Safari ist die obere Navileiste weg wobei die Mouseover der Buttons angezeigt werden .Und die Links darunter sind nicht mehr verlinkt.
So siehts im IE aus:


Und so in Safari:


Hier der betreffende Code der index.html

<ul id="header_submenu_zeile">  <li class="mainmenu" style="margin-left:8px;">
<div class="mouseover"><a class="mouseover" href="index.html" title="Startseite"></a></div>

<li class="mainmenu" style="margin-left:1px;">
<div class="mouseover2"><a class="mouseover2" href="sleopard.html" title="Snow Leopard"></a></div>
</li>
<li class="mainmenu" style="margin-left:1px;">
<div class="mouseover3"><a class="mouseover3" href="ios.html" title="iPhone OS"></a></div>
</li>
<li class="mainmenu" style="margin-left:1px;">
<div class="mouseover4"><a class="mouseover4" href="safari.html" title="Safari"></a></div>
</li>
<li class="mainmenu" style="margin-left:1px;">
<div class="mouseover5"><a class="mouseover5" href="iphone.html" title="iPhone"></a></div>
</li>
<li class="mainmenu" style="margin-left:1px;">
<div class="mouseover6"><a class="mouseover6" href="mac.html" title="Mac"></a></div>
</li>
<li class="mainmenu" style="margin-left:1px;">
<div class="mouseover7"><a class="mouseover7" href="itunes.html" title="iTunes"></a></div>
</li>
<li class="mainmenu" style="margin-left:1px;">
<div class="mouseover8"><a class="mouseover8" href="ilife.html" title="iLife '09"></a></div>
</li>
</ul>
<!-- Submenu //-->
<ul id="submenu">
  <li class="submenu">&nbsp;&nbsp;&nbsp;<a class="menu"  href="dashboard.html"><font color="white">Dashboard</a>   </li>
  <li class="submenu"><font color="black"></li>
  <li class="submenu"><a class="menu"  href="screenshots.html"><font color="white">
	  Screenshots		</a></li>
   <li class="submenu"><font color="black"></li>
  <li class="submenu"><a href="videos.html"> <font color="white">
	Videos	</a></li>
<li class="submenu"><font color="black"></li>
  <li class="submenu"><a href="unboxings.html"> <font color="white">
	Unboxings   </a></li>
<li class="submenu"><font color="black"></li>
  <li class="submenu"><a href="reviews.html"> <font color="white">
	Reviews	</a></li>
  <li class="submenu"><font color="black"></li>
  <li class="submenu"> <a href="faq.html"><font color="white">
   FAQ	</a> </li>
<li class="submenu"><font color="black"></li>
  <li class="submenu"> <font color="white"><a href="wallpaper.html"><font color="white">
	Wallpaper	</a>
	   </li>
 <li class="submenu"><font color="black"></li>
<li class="submenu"><a href="widgets.html"><font color="white">
	  Widgets  </a></li>
 <li class="submenu"><font color="black"></li>
<li class="submenu"><a href="programme.html"><font color="white">
OS X Programme  </a></li>
<li class="submenu"><a href="forum.html"><font color="black"></li>
  <li class="submenu"> <font color="white">
	  Forum  </a></li>
<li class="submenu"><a href="suche.html" alt="Suche">
<font color="white">
	  Suche</a></li>
</ul>
</div>

Und so der css teil in der style.css:

  .mouseover		 { background:url(button1.png); display:block; width:80px;height:21px; }
			  .mouseover a:hover { background:url(button1_hover.png);}
			  .mouseover2		 { background:url(button2.png); display:block; width:90px;height:21px; }
			  .mouseover2 a:hover { background:url(button2_hover.png);}
			  .mouseover3		 { background:url(button3.png); display:block; width:90px;height:21px; }
			  .mouseover3 a:hover { background:url(button3_hover.png);}
			  .mouseover4		 { background:url(button4.png); display:block; width:90px;height:21px; }
			  .mouseover4 a:hover { background:url(button4_hover.png);}
			  .mouseover5		 { background:url(button5.png); display:block; width:90px;height:21px; }
			  .mouseover5 a:hover { background:url(button5_hover.png);}
			  .mouseover6		 { background:url(button6.png); display:block; width:90px;height:21px; }
			  .mouseover6 a:hover { background:url(button6_hover.png);}
			  .mouseover7		 { background:url(button7.png); display:block; width:90px;height:21px; }
			  .mouseover7 a:hover { background:url(button7_hover.png);}
			  .mouseover8		 { background:url(button8.png); display:block; width:90px;height:21px; }
			  .mouseover8 a:hover { background:url(button8_hover.png);}

Ich hoffe Ihr könnt mir helfen oder einen Alternativcode vorschlagen

Dieser Beitrag wurde von ps3zocker bearbeitet: 11. Juli 2009 - 20:08

[ps3zocker]

Weiß denn keiner Rat?

[ps3zocker]

Keiner?

[Witi]

Kann man sich irgendwo online den komplette Code anschauen? Ansonsten lade mal die beiden kompletten zugehörigen Dateien hoch.

[ps3zocker]

Problem gelöst. Die Hintergrunddatei verdeckte die Navigation in Safari, hab den Code etwas umgeschrieben, jetzt gehts.