✔ Navigation mit Grafiken funktioniert im IE u. Safari nicht

[FunkFlex]

Hi,
meine Navigationsleiste, funktioniert nicht im Internetexplorer und auf Safari auch nicht.
Die Navigationsleiste besteht nur aus Bilder, weiss jemand, wie ich den Bug fixen kann?
Hier mein Css:

#body {
	font-family: Verdana, Geneva, sans-serif;
}

#wrapper {
        margin: 0 auto;
        width: 960px;
}

#leftcol {
        float:left;
        width:192px;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
}

#mecklogo {
        height: 192px;
        width: 192px;
        background-color:#03C;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        }
#naviblock {
        height:auto;
        min-height: 400px;
        width: 192px;
        background-color:#FFF;
        list-style:none;
        float:left;
        }

ul#navigation {
        margin-top:50px;
        padding:0;
}

	

ul#navigation li {
	width:160px;
	height:36px;
	padding-top: 0px;
list-style-type:none;
text-decoration:none;
text-align:center;
text-decoration:none;
}

ul#navigation a{
	float:left;
	width:160px;
	height:36px;
	text-decoration:none;
	display:block;
}
ul#navigation li a#navi1:link {
        background-image: url(home.gif);
        

		}

ul#navigation li a#navi1:hover {
background-image: url(home_hover.gif);


}
ul#navigation li a#navi2:link {
        background-image: url(leitbild.gif);
        

		}

ul#navigation li a#navi2:hover {
background-image: url(leitbild_hover.gif);
}
ul#navigation li a#navi3:link {
        background-image: url(produkte.gif);
       
}

ul#navigation li a#navi3:hover {
background-image: url(produkte_hover.gif);


}
ul#navigation li a#navi4:link {
        background-image: url(gaestebuch.gif);
       
		}

ul#navigation li a#navi4:hover {
background-image: url(gaestebuch_hover.gif);


}
ul#navigation li a#navi5:link {
        background-image: url(kontakt.gif);
      		}

ul#navigation li a#navi5:hover {
background-image: url(kontakt_hover.gif);
}
ul#navigation li a#navi6:link {
        background-image: url(impressum.gif);
		
		}

ul#navigation li a#navi6:hover {
background-image: url(impressum_hover.gif);

}

#rightcol {
        width:768px;
        float:left;
        margin: 0 0 0 0;
        padding: 0 0 0 ;
}
#header {
        height: 192px;
        width: 768px;
        background-color:#39C;
        margin: 0 0 0 0;
        padding:0 0 0 0;
}

#metainformation {
height: auto;
width: 768px;
margin:auto;
background-color:#FFF;
border-style:none;
}

#iframe {
height: auto;
min-height:500px;
width: 728px;
margin:auto;
text-align:justify;
background-color:#FFF;
border-style:none;
}

Hoffe es kann mir jemand helfen
Gruß FUnkFlex

 

[Maik]

Hi,

kannst du bitte konkreter werden, was damit nicht funktioniert?

Es gibt da schließlich mehr wie nur eine denkbare Möglichkeit, was von den Browsern nicht wie gewünscht interpretiert / angezeigt werden könnte - wobei sich mir jetzt beim Überfliegen deines CSS darin nichts Auffälliges hervorgetan hat.

Von einem Programmfehler (Bug), der in beiden Browsern IE (Microsoft) und Safari (Apple) existiert, ist mir nichts bekannt, hab ich auch noch nie etwas von gehört.

mfg Maik

 

[FunkFlex]

Also im Internetexplorer, werden nur die hover grafiken angezeigt, d.h wenn ich nicht mit der Maus machen zeigt es auch nix an.
Nur beim drüber gehen zeigt es die hover Grafiken an.
Ja und im Safari, wenn man auf die Links der Navigations klickt, verschwinden diese und werden nicht mehr angezeigt.

 

[Maik]

Das Browserverhalten ordne ich deinem unvollständigen Stylesheet zu, dem zu jedem der Verweise u.a. jeweils die :visited-Pseudoklasse für eine bereits besuchte Seite fehlt (siehe http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#link_visited_focus_hover_active) - exemplarisch für den ersten Menüpunkt:

ul#navigation li a#navi1:link, ul#navigation li a#navi1:visited {
        background-image: url(home.gif);
        

		}

mfg Maik