[css] wylistowane menu, klepsydra ie6

rafalfilipkowski · sob lis 28, 2009 3:43 pm

Witam, mam problem z menu w css. Niby wszystko oki, ale pod przeglądarką IE6 po najechaniu na link pojawia się klepsydra, powstaje taki zbędny efekt skakania kursora. Nie mogę tego wrzucić na serwer, bo usługodawca neta zablokował pewnie mi port, więc wkleję tutaj.

Plik html

Kod: Zaznacz cały

<head>
		<meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
		<link rel="stylesheet" href="s.css" type="text/css" />
</head>
<body>
<div id="menu">
	<ul>
		<li><a href="#" class="m1">pozycja1</a></li>
		<li><a href="#" class="m1">pozycja1</a></li>
		<li><a href="#" class="m1">pozycja1</a></li>
		<li><a href="#" class="m2">pozycja2</a></li>  
		<li><a href="#" class="m2">pozycja2</a></li>  
		<li><a href="#" class="m1">pozycja1</a></li>
	</ul>
</div>
</body>
</html>

Plik css

Kod: Zaznacz cały

body {
	font-family: "Times New Roman";
	font-size: 12px;
	}
#menu {
float : left;
width : 209px;
height : 416px;
padding-top : 3px;
}
#menu ul {
margin-bottom : 10px;
margin-top : 12px;
}
#menu ul li {
list-style : none;
padding-left : 47px;
height : 19px;
}
#menu ul li a {
color : #000000;
}
#menu ul li a:hover {
color : red;
}
.m1 {
padding-left : 10px;
background : url(punkcik.gif) no-repeat left 4px;
}
.m2 {
padding-left : 10px;
margin-left : 12px;
background : url(punkcik.gif) no-repeat left 4px;
}

punkcik.gif
Obrazek

Prosiłbym o wskazanie gdzie leży błąd w tym menu.
Pozdrawiam
Rafał

rafalfilipkowski · śr gru 09, 2009 4:57 pm

Problem rozwiązany, post można usunąć.

[css] wylistowane menu, klepsydra ie6

[css] wylistowane menu, klepsydra ie6

Re: [css] wylistowane menu, klepsydra ie6