Hola estoy rompiendome los cuernos pq este codigo no funciona bien en IE6 y si en Firefox (aparte de que IE es una kk)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>CSS-only Drop-down Menus</title>
<style type="text/css">
<!--
body {
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: small;
}
#menubar {
border-top: 2px solid #e6e6e6;
border-right: 2px solid #b1b1b1;
border-bottom: 2px solid #b1b1b1;
border-left: 2px solid #e6e6e6;
background-color: #ccc;
color: #000;
height: 1.4em;
line-height: 1.2em;
}
.menu {
width: auto;
float: left;
padding: 0.1em 3em 0.1em 0.5em;
cursor: default;
}
.menu ul {
display: none;
position: absolute;
background-color: #e6e6e6;
color: black;
list-style: none;
margin: 0.1em 0 0 0;
padding: 0;
}
.menu ul li {
display: block;
padding: 0.2em;
}
div.menu:hover ul {
display: block;
margin: 0;
padding: 0;
}
div.menu ul li:hover {
background-color: #ccf;
}
-->
</style>
</head>
<body>
<div id="menubar">
<div id="menu1" class="menu">Menu One<ul>
<li>Option One</li>
<li>Option Two</li>
<li>Option Three</li>
</ul>
</div>
<div id="menu2" class="menu">Menu Two<ul>
<li>Option One</li>
<li>Option Two</li>
<li>Option Three</li>
</ul>
</div>
<div id="menu3" class="menu">Menu Three<ul>
<li>Option One</li>
<li>Option Two</li>
<li>Option Three</li>
</ul>
</div>
</div>
<h1>CSS-only Drop-down Menus</h1>
</body>
</html>
A ver si alguien me puede dar una mano!!!
Gracias por adelantado!!