menu drop-drown

[LineLica 0]

Gente, é a primeira vez que faço isso e estou tendo problemas com o IE.

Fiz um menu drop-drow a partir de um tutorial que funcionava tanto no ie como nos outros browsers.

 

Porém o meu amado, querido e estimado menu drop-down não funciona no ie. <_<

Alguém poderia me ajudar a fazer essa PORCARIA funcionar no ie também?

 

Agradeço pela atenção!

 

Código HTML do menu

<div id="menu"><ul>  <li><h2> <img align="absmiddle" src="img/menu_empresas.png" border="0" /> </h2>	<ul>	  <li><a href="http://www.seoconsultants.com/tips/css/#cssmenus" title="SEO Consultants Directory">CSS Hover Navigation</a>		<ul>		  <li><a href="http://www.tanfa.co.uk/css/examples/css-dropdown-menus.asp" title="tanfa Introduction">Intro for CSS Enthusiasts</a></li>		  <li><a href="http://www.tanfa.co.uk/css/examples/menu/" title="Plain HTML Code">Demonstration HTML</a></li>		  <li><a href="http://www.xs4all.nl/~peterned/csshover.html" title="whatever:hover file">csshover.htc file</a></li>		</ul>	  </li>	</ul>  </li></ul><ul>  <li><h2> <img align="absmiddle" src="img/menu_servicos.png" border="0" /> </h2>	<ul>	  <li><a href="http://www.seoconsultants.com/css/menus/vertical/" title="SEO Consultants Vertical Example">SEO Consultants Sample</a></li>	  <li><a href="http://www.tanfa.co.uk/css/examples/menu/vs7.asp" title="Complete Example">tanfa Demo example</a>		<ul>		  <li><a href="http://www.tanfa.co.uk/css/examples/menu/tutorial-v.asp" title="Vertical Menu Tutorial">tanfa Tutorial</a>				<ul>			  <li><a href="http://www.tanfa.co.uk/css/examples/menu/vs1.asp" title="Vertical Menu - Page 1">Stage 1</a></li>			  <li><a href="http://www.tanfa.co.uk/css/examples/menu/vs2.asp" title="Vertical Menu - Page 2">Stage 2</a></li>					  <li><a href="http://www.tanfa.co.uk/css/examples/menu/vs3.asp" title="Vertical Menu - Page 3">Stage 3</a></li>			  <li><a href="http://www.tanfa.co.uk/css/examples/menu/vs4.asp" title="Vertical Menu - Page 4">Stage 4</a></li>			  <li><a href="http://www.tanfa.co.uk/css/examples/menu/vs5.asp" title="Vertical Menu - Page 5">Stage 5</a></li>						  <li><a href="http://www.tanfa.co.uk/css/examples/menu/vs6.asp" title="Vertical Menu - Page 6">Stage 6</a></li>			</ul>		  </li>		</ul>	  </li>	</ul>  </li></ul><ul>  <li><h2> <img align="absmiddle" src="img/menu_atuacao.png" border="0" /> </h2>	<ul>	  <li><a href="http://www.seoconsultants.com/css/menus/horizontal/" title="SEO Consultants Directory Example">SEO Consultants Sample</a></li>	  <li><a href="http://www.tanfa.co.uk/css/examples/menu/hs7.asp">tanfa Demo example</a><!-- fully working sample -->		<ul>		  <li><a href="http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp" title="Horizontal Menu Tutorial">tanfa Tutorial</a>			<ul>			  <li><a href="http://www.tanfa.co.uk/css/examples/menu/hs1.asp" title="Horizontal Menu - Page 1">Stage 1</a></li>			  <li><a href="http://www.tanfa.co.uk/css/examples/menu/hs2.asp" title="Horizontal Menu - Page 2">Stage 2</a></li>						  <li><a href="http://www.tanfa.co.uk/css/examples/menu/hs3.asp" title="Horizontal Menu - Page 3">Stage 3</a></li>			  <li><a href="http://www.tanfa.co.uk/css/examples/menu/hs4.asp" title="Horizontal Menu - Page 4">Stage 4</a></li>			  <li><a href="http://www.tanfa.co.uk/css/examples/menu/hs5.asp" title="Horizontal Menu - Page 5">Stage 5</a></li>						  <li><a href="http://www.tanfa.co.uk/css/examples/menu/hs6.asp" title="Horizontal Menu - Page 6">Stage 6</a></li>			</ul>		  </li>		</ul>	  </li>	</ul>  </li></ul>	<ul>  <li><h2> <img align="absmiddle" src="img/menu_link.png" border="0" /> </h2>	<ul>	  <li><a href="http://www.seoconsultants.com/css/menus/vertical/" title="SEO Consultants Vertical Example">SEO Consultants Sample</a></li>	  <li><a href="http://www.tanfa.co.uk/css/examples/menu/vs7.asp" title="Complete Example">tanfa Demo example</a>		<ul>		  <li><a href="http://www.tanfa.co.uk/css/examples/menu/tutorial-v.asp" title="Vertical Menu Tutorial">tanfa Tutorial</a>				<ul>			  <li><a href="http://www.tanfa.co.uk/css/examples/menu/vs1.asp" title="Vertical Menu - Page 1">Stage 1</a></li>			  <li><a href="http://www.tanfa.co.uk/css/examples/menu/vs2.asp" title="Vertical Menu - Page 2">Stage 2</a></li>					  <li><a href="http://www.tanfa.co.uk/css/examples/menu/vs3.asp" title="Vertical Menu - Page 3">Stage 3</a></li>			  <li><a href="http://www.tanfa.co.uk/css/examples/menu/vs4.asp" title="Vertical Menu - Page 4">Stage 4</a></li>			  <li><a href="http://www.tanfa.co.uk/css/examples/menu/vs5.asp" title="Vertical Menu - Page 5">Stage 5</a></li>						  <li><a href="http://www.tanfa.co.uk/css/examples/menu/vs6.asp" title="Vertical Menu - Page 6">Stage 6</a></li>			</ul>		  </li>		</ul>	  </li>	</ul>  </li></ul><ul>  <li><h2> <img align="absmiddle" src="img/menu_contato.png" border="0" /> </h2>	<ul>	  <li><a href="http://www.seoconsultants.com/css/menus/vertical/" title="SEO Consultants Vertical Example">SEO Consultants Sample</a></li>	  <li><a href="http://www.tanfa.co.uk/css/examples/menu/vs7.asp" title="Complete Example">tanfa Demo example</a>		<ul>		  <li><a href="http://www.tanfa.co.uk/css/examples/menu/tutorial-v.asp" title="Vertical Menu Tutorial">tanfa Tutorial</a>				<ul>			  <li><a href="http://www.tanfa.co.uk/css/examples/menu/vs1.asp" title="Vertical Menu - Page 1">Stage 1</a></li>			  <li><a href="http://www.tanfa.co.uk/css/examples/menu/vs2.asp" title="Vertical Menu - Page 2">Stage 2</a></li>					  <li><a href="http://www.tanfa.co.uk/css/examples/menu/vs3.asp" title="Vertical Menu - Page 3">Stage 3</a></li>			  <li><a href="http://www.tanfa.co.uk/css/examples/menu/vs4.asp" title="Vertical Menu - Page 4">Stage 4</a></li>			  <li><a href="http://www.tanfa.co.uk/css/examples/menu/vs5.asp" title="Vertical Menu - Page 5">Stage 5</a></li>						  <li><a href="http://www.tanfa.co.uk/css/examples/menu/vs6.asp" title="Vertical Menu - Page 6">Stage 6</a></li>			</ul>		  </li>		</ul>	  </li>	</ul>  </li></ul>		</div>

 

CSS do Menu Drop-Down

#menu {width: 100%;float: left;}#menu ul {list-style: none;margin: 0;padding: 0;width: 94px;height:30px;float: left;}#menu a, #menu h2 {font: bold 11px/16px arial, helvetica, sans-serif;display: block;margin: 0;padding: 2px 3px;}#menu h2 {color: #fff;background: #23376c;text-align:center;border-right-width:1px;border-right-color:#fff;border-right-style:solid;text-transform: uppercase;height:24px;padding-top:5px;}#menu a {color: #000;background: #efefef;text-decoration: none;}#menu a:hover {color: #a00;background: #fff;}#menu li {position: relative;}#menu ul ul {position: absolute;z-index: 500;}#menu ul ul ul {top: 0;left: 100%;}div#menu ul ul,div#menu ul li:hover ul ul,div#menu ul ul li:hover ul ul{display: none;}div#menu ul li:hover ul,div#menu ul ul li:hover ul,div#menu ul ul ul li:hover ul{display: block;}

 

[if IE] do Menu Drop-Down

<!--[if IE]><style type="text/css" media="screen">body {behavior: url(css/csshover.htc);}#menu ul li {float: left; width: 100%;}#menu ul li a {height: 1%;} #menu a, #menu h2 {font: bold 0.7em/1.4em arial, helvetica, sans-serif;}</style><![endif]-->

[RTaveira 0]

No caso, você seguiu esse tutorial:

 

http://maujor.com/tutorial/ddownmenu.php

[LineLica 0]

Não exatamente esse...mas é neste esquema...só que o meu é na horizontal, e não na vertical...

[Guilherme Rambo 4]

É só adaptar...