Robię sobie rozwijane menu w css. W FF i Operze wszystko działa ok...
link: http://staszek27.fm.interia.pl/divy.html
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<head>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
<style type="text/css">
.kategoria{width:200px;background-color:#000000;color:#ffffff;font:bold 9pt verdana;}
a.menu{padding:3px;color:#ffffff;font:9pt verdana;text-decoration:none;position:relative;z-index:2;}
a.menu:hover{background-color:#3366ff;}
.kategoria a.menu{display:none;}
.kategoria:hover a.menu{display:block;}
.kategoria:active a.menu{display:block;}
/* .nazwa{padding:2px;} */
#menu{width:95%;height:1.2em;}
#tresc{position:absolute;width:95%;text-align:left;z-index:1;}
</style>
</head>
<body><div id="menu">
<div class="kategoria" style="float:left;">Kategoria<a href="#2" class="menu">Pierwszy odnośnik</a><a href="#3" class="menu">Drugi Odnośnik</a></div>
<div class="kategoria" style="float:left;">Odnośniki<a href="#mozillapl" class="menu">MozillaPL.org</a><a href="#EU07" class="menu">Symulator EU07</a><a href="#opera" class="menu">Opera.com</a><a href="#neostrada" class="menu">Neostrada</a></div>
</body>
</html>
Z tym, że w IE nie da się ustalić :hover dla niczego innego niż "a".
Pomyślałem, że może przerobić div'y na a, niestety nic to nie daje, menu w ogóle się nie rozwija, nawet pod FF i Operą...
Czy jest na to jakiś sposób, który działałby na IE, FF i Operze?
Z góry dziękuję za pomoc i pozdrawiam!
