Ciao a tutti,
Ho un problema con un menu semplice in jquery con explorer.
Qualcuno mi sa dire dove ho sbagliato?
Volendo, è visibile anche qui
Grazie.
codice:
<!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=utf-8" /> <title>Pierre Achiary</title> <meta name="keywords" content="Pierre Achiary, pittura astratta, peinture abstraite, abstract painting/> <meta name="description" content="Pierre Achiary - Site officiel - Sito ufficiale"/> <meta name="distribution" content="global"/> <meta name="copyright" content="Pierre Achiary"/> <meta name="author" content="MultimediArt"/> <meta name="robots" content="index, follow"/> <meta http-equiv="content-language" content="en"/> <meta name="expires" content="never"/> <meta name="revisit-after" content="7 days"/> <link rel="shortcut icon" href="http://www.pierreachiary.info/favicon.ico"/> <script type="text/javascript" src="scripts/jquery-1.6.1.min.js"></script> <script src="scripts/swfobject_modified.js" type="text/javascript"></script> <style type="text/css"> html { overflow: hidden; } body { margin: 0px; padding: 0px; background: #000; position: absolute; font-family: "Gill Sans MT"; width: 100%; height: 100%; } #center { position: absolute; } #screen { position:absolute; width: 100%; height: 100%; background: #000; overflow: hidden; outline: #000 solid 40px; font-family: arial; left: -7px; } #screen img { position: absolute; -ms-interpolation-mode:nearest-neighbor; image-rendering: optimizeSpeed; } ul { margin: 0; padding: 0; list-style: none; } #navigation { background: #000; width: 10em; top: 0px; right: 0px; height: 25px; position: fixed; filter: alpha(opacity=70); opacity: 0.7; z-index: 9999; } #navigation li { float: left; height: 100%; margin-right: 0.5em; /* line-height: 2;*/ width: 11em; text-align: center; z-index: 9999; } #navigation a { font-weight: bold; text-transform: uppercase; color: #fff; text-decoration: none; z-index: 9999; } #navigation a:hover { text-decoration: underline; z-index: 9999; } #navigation li ul { width: 100%; background: #000; display: none; font-size: 12px; z-index: 9999; } #navigation li ul li { float: none; margin: 0 0 0.3em 0; line-height: normal; text-align: left; width: 100%; } #navigation li ul li a { display: block; width: 100%; padding: 1em 0; text-indent: 1em; z-index: 9999; } #navigation li ul li a:hover { background: #333; z-index: 9999; } .titremenu { font-family: "Gill Sans MT"; text-align: center; vertical-align: middle; font-size: 15px; font-weight: bold; } #audio { top: 0px; right: 160px; position: absolute; } </style> <script type="text/javascript"> $(function() { $('li.submenu', '#navigation').each(function() { var $li = $(this); var $a = $li.find('a:first'); var $ul = $li.find('ul'); $a.mouseover(function() { $ul.slideDown('slow'); }); $ul.mouseleave(function() { $ul.slideUp('slow'); }); }); }); </script> </head> <body> <div id="screen"></div> <ul id="navigation"> <li class="submenu">Menu <ul> [*]Collections[*]Virtual gallery [*]Links [*]Contact [/list]</script> </body> </html>