Por favor si alguien sabe como hacer para que los enlaces de un menu me funcionen bien con IE 6 por favor digamelo, con las otras versiones si funciona pero yo necesito que funcione con IE 6:
Aqui dejo el codigo
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ejemplo</title>
<style type="text/css">
#content{
margin:auto;
width:800px;
heigth:800px;
border:1px solid #FF0000;
}
#nav{
width:200px;
heigth:400px;
}
#contenido{
width:600px;
height:400px;
}
</style>
<link href="menuv/menuv.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#menuv a').each(function(){
var href = $(this).attr("href");
$(this).attr({ href: "#"});
$(this).click(function(){
$("#contenido").load(href);
});
});
//---------------------------------
});
</script>
</head>
<body>
<div id="content">
<div id="nav">
<div id="menuv">
<ul class="level1">
<li><a class="fly" href="#url">Presentación<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="paginas/pag1.html">Pag 1</a></li>
<li><a href="paginas/pag2.html">Pag 2</a></li>
<li><a href="paginas/pag1.html">Pag 1</a></li>
<li><a href="paginas/pag2.html">Pag 2</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="fly" href="#url">Servicios<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a class="fly" href="#url">Logística<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="paginas/pag1.html">Pag 1</a></li>
<li><a href="paginas/pag2.html">Pag 2</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="fly" href="#url">Nacionalización<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="paginas/pag1.html">Pag 1</a></li>
<li><a href="paginas/pag2.html">Pag 2</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="fly" href="#url">Recursos<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a class="fly" href="#url">Apliciones Online<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="paginas/pag1.html">Pag 1</a></li>
<li><a href="paginas/pag2.html">Pag 2</a></li>
<li><a href="paginas/pag1.html">Pag 1</a></li>
<li><a href="paginas/pag2.html">Pag 2</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="paginas/pag1.html">Pag 1</a></li>
<li><a href="paginas/pag2.html">Pag 2</a></li>
</ul>
</div>
</div>
<div id="contenido">
</div>
</div>
</body>
</html>
//********************codigo css del menu
#menuv { margin:0; }
#menuv ul {margin:0; padding:0; list-style:none; text-align:left; padding:0;border-bottom:1px solid #6284FB; background:#FFFFCC}
#menuv ul ul{background: #B3C4FD;white-space:nowrap;}
#menuv ul ul ul{background: #FFF;white-space:nowrap;}
#menuv li {margin:0; padding:4px 0; list-style:none;}
#menuv li {display:inline-block; display:inline;}
#menuv ul {position:absolute; left:-9999px;}
#menuv ul.level1 {position:absolute; left:0; width: 185px; line-height: 11px;}
#menuv a {display:block; font: normal 11px/12px "Trebuchet MS",arial,sans-serif; color:#000; text-decoration:none;padding:4px 20px 4px 10px; border-left:1px solid #6284FB;border-right:1px solid #6284FB;border-top:1px solid #6284FB;}
#menuv ul li:hover > ul {visibility:visible; left:100%; margin-top:-21px; margin-left:-1px;}
#menuv a:hover ul,
#menuv a:hover a:hover ul,
#menuv a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#menuv a:hover ul ul,
#menuv a:hover a:hover ul ul {left:-9999px;}
#menuv li a:hover {background:#CFD9FE;}
#menuv li:hover > a {background: #CFD9FE;}
#menuv li a.fly {background: url(flecha.gif) no-repeat right top;}
#menuv li a.fly:hover {background:#CFD9FE url(flecha.gif) no-repeat right top;}
#menuv li:hover > a.fly {background:#CFD9FE url(flecha.gif) no-repeat right top;}
#menuv table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:0px; margin-left:-2px;}
