Forum komputerowe PC Town :: Zobacz temat - Css- wysuwane menu

maniek910 · Skąd: Kalisz

A więc na necie jest takich mnóstwo ale te które nie posiadają "hoverów" nie działają na IE

a ja nie mam pojęcia co to są te hovery ani co się z nimi je

znacie może jakieś rozsuwane menu żeby działało na wszystkich przeglądarkach , ale żeby ogarniecie go nie było jakieś mega trudne

?

sam skleiłem takie coś :

html:

Kod:

<html>
<head><link rel="stylesheet" type="text/scc" href="style.css"></head>
<body>
<div class="cialo">

<div class="menu"><img src="menu.jpg">

<ul>
<li><a href="#">Strona Główna</a></li>
<li><a href="#">Download</a></li>
<li><a href="#">Kontakt</a></li>
<li><a href="#">Forum</a></li>
</ul>

</div>

</div>

</body>

</html>

css:

Kod:

.cialo{
height:1024px;
width:1280px;
background-color:blue;
}
.menu{
margin-left: 50px;
padding-top:50px;
width: 150px;
border: 1px solid #D3D3D3;
height: 30px;
overflow: hidden; }

.menu:hover {
width: 150px;
height:auto; }

ul {
margin: 0px;
padding: 0px; }

li {
list-style-type: none;
width: 120px;}

li a {
text-decoration: none;
display: block;
width: 150px;
padding: 5px;
color: #3B3B3B; }

li a:hover {
text-decoration: none;
color: #3B3B3B;
width: 150px;
padding: 5px;
background-color: #F0F0F0 }

p {
text-align: center; }

ale oczywiście na IE i firefoksie nie działa