Problema con este menú css en internet explorer

viriato007 · #1 (**permalink**) 10/12/2009, 09:44

Hola amigos he creado una web y se ve bastante bien en todos los navegadores como firefox konqueror, opera, chorme pero resulta que en internet explorer 6 no se nada bien y el menú se agranda de forma considerable hacia abajo y además el primer botón aparece montado uno encima del otro

Tiene solución? Gracias por su ayuda

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="xxx"><head>
<link rel="stylesheet" href="menu_style.css" type="text/css">
</head>
<body>
<div style="width: 99%;" id="menu">
<img style="width: 99%; height: 50%;" alt="head" src="../../opt/lampp/htdocs/images/head.png"><br>
<ul>
<li style="margin-top: 266px; height: 0px;"
<li><a href="#" title="Link 2"><span>Link
2</span></a></li>
<li><a href="#" title="Link 3"><span>Link
3</span></a></li>
<li><a href="#" title="Longer Link Text"><span>Longer
Link Text</span></a></li>
<li><a href="#" title="Link 5"><span>Link
5</span></a></li>
<li><a href="#" title="Link 6"><span>Link
6</span></a></li>
<li><a href="#" title="Link 7"><span>Link
7</span></a></li>
</ul>
</div>
</body></html>

viriato007 · #2 (**permalink**) 10/12/2009, 09:48

aqui les dejo el menu CSS

Código:

#menu {
	float:left;
	width:100%;
	background:#dcbea4;
	font-size:90%;
	line-height:normal;
	border-bottom:1px solid #666;
	}
#menu ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
	}
#menu li {
	display:inline;
	margin:10;
	padding:0;
	}
#menu a {
	float:left;
	background:url("images/tableftF.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	}
#menu a span {
	float:left;
	display:block;
	background:url("images/tabrightF.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#666;
	}
	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}
/* End IE5-Mac hack */
#menu a:hover span {color:#FFFFFF;}
#menu a:hover {background-position:0% -42px;}
#menu a:hover span {background-position:100% -42px;}