Narazil som na menšiu nepríjemnosť a nechápem trochu čo sa deje. Ak môžte tak mi to prosím niekto vysvetlite.
<meta name="generator" content="PSPad editor, www.pspad.com">
<title>zufale menu</title>
<style type="text/css">
body,html,div,ul,li,menu{margin:0px; padding:0px}
#obal{padding-left:50px}
#hlavne{position:relative;width:200px;background-color:#bbccdd;list-style-type:none; border:1px solid red}
li{position:relative;border:1px solid gray;padding:0px;margin:0px}
menu li ul{display:none}
menu li:hover ul{display:block;width:200px;position:absolute;top:0px;left:199px;margin:0px;border:1px solid green;list-style-type:none;background-color:#bbddff}
a{display:block;color:black}
a:hover{background-color:yellow}
</style>
</head>
<body>
<div id="obal">
<menu id="hlavne"><li>menu1<br /><ul><li><a href="#">podmenu11</a></li>
<li><a href="#">podmenu21</a></li>
<li><a href="#">podmenu31</a></li>
</ul>
</li>
<li>menu2<br /><ul><li><a href="#">podmenu12</a></li>
<li><a href="#">podmenu22</a></li>
<li><a href="#">podmenu32</a></li>
</ul>
</li>
<li>menu3<br /><ul><li><a href="#">podmenu13</a></li>
<li><a href="#">podmenu23</a></li>
<li><a href="#">podmenu33</a></li>
</ul>
</li>
</menu>
</div>
</body>
</html>
No problém č. 1 je v tom, že keď vymažem zo stylopisu - menu li:hover ul background-color - tak to začne v IE7 robiť úplné blbosti a prestane to reagovať na hover. Keď prejdem na ul, tak sa to začne strácať. Najprv sa to teda zobrazí, ale keď prejdem na to UL, tak sa stratí.
Problém č. 2 je, že IE7 mi pri tagu A na hover mení farbu, iba keď som nad textom. Keď som mimo textu(ale stále v rámci A), tak sa stratí farba.
Choď na stránku: