August 23, 201115 yr Hi, i've got some problems with my menu in IE8. It's dropping good in chrome (everything works fine in chrome). Can please someone help me out? Thanks in advance <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Yamaha Outboards Cyprus - Sport Marine</title> <link href="dropdown.css" media="screen" rel="stylesheet" type="text/css" /> <link href="menu2/default.advanced.css" media="screen" rel="stylesheet" type="text/css" /> <!--[if lt IE 7]> <script type="text/javascript" src="js/jquery/jquery.js"></script> <script type="text/javascript" src="js/jquery/jquery.dropdown.js"></script> <![endif]--> <!-- / END --> <script type="text/javascript" src="menu2/js/swfobject.js"></script> <script type="text/javascript"> swfobject.embedSWF("http://www.virb.com/external/video/59984/MsOGibJlcnVwzc26YS7fJp054ayyiGkt", "wmfg", "980", "477", "9.0.0", false, false, {wmode:"transparent",allowFullScreen:"true",quality:"high",bgcolor:"#000000",salign:"tl"}, {id:"wmfg",name:"wmfg"} ); </script> </head> <body> <!-- Beginning of compulsory code below --> <ul class="dropdown dropdown-horizontal"> <li><a href="index.html" class="dir">Home</a></li> <li><a href="#">Yamaha</a> <ul> <li><a href="outboards.htm">Outboards</a></li> <li><a href="wave.htm">Waverunners</a></li> <li><a href="diesel.htm">Diesel Engines</a></li> <li><a href="atvs.htm">A.T.Vs</a></li> <li><a href="sideb.htm">Side by Side</a></li> <li><a href="generators.htm">Generators | Water Pumps</a></li> <li><a href="golf.htm">Golf Cars</a></li> <li><a href="gparts/gparts.html">Accessories | Apparel</a></li> <li><a href="genuine/spareparts.html">Genuine Spare Parts</a></li> </ul> </li> <li><a href="jen/jeanneau.html" class="dir">Jeanneau</a></li> <li><a href="prestige/prestige.html" class="dir">Prestige</a></li> <li><a href="#">Boats</a> <ul> <li><a href="riv/riviera.html">Riviera</a></li> <li><a href="fwin/fourwinns.html">Four Winns</a></li> <li><a href="yiotis/yiotispowerboats.html">Othelos</a></li> <li><a href="welc/wellcraft.html">Wellcraft</a></li> <li><a href="yelo/yelo.html">Yelo Boats</a></li> </ul> </li> <li><a href="water/sports.html" class="dir">JOBE Sports</a></li> <li><a href="denso/sparkplugs.html" class="dir">Denso Spark Plugs</a></li> <li><a href="#" class="dir">Pre-Owned</a> <ul> <li><a href="pboats/boats.html">Boats</a></li> <li><a href="pout/poutboards.html">Outboards</a></li> <li><a href="pwave/pwave.html">Waverunners</a></li> <li><a href="patv/patvs.html">A.T.Vs</a></li> </ul> </li> <li><a href="#" class="dir">Stock Clearance</a> <ul> <li><a href="syamaha/syamaha.html">Yamaha Products</a></li> <li><a href="spareparts/yamahaspareparts.html">Spare Parts</a></li> <li><a href="scloths/scloths.html">Apparel | Accessories</a></li> <li><a href="denso/sparkplugs.html">Denso Spark Plugs</a></li> </ul> </li> </ul> <!-- / END --> <div id="wmfg"></div> <script language="JavaScript" type="text/JavaScript"> <!-- function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); //--> </script> <style type="text/css"> <!--
August 23, 201115 yr First, add this doctype right at the top, above your html tag:- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> It may not be the answer, but you should have a doctype. Without seeing your CSS files it's difficult to test for your problem. Edited August 23, 201115 yr by Wickham
August 25, 201115 yr Author Ok, the problem was the DOC TYPE. But as soon as i add the doc type my background disappears in chrome but in IE8 looks good. And a layer i cant move it at all in both chrome and IE8. Edited August 25, 201115 yr by ivonna.d
Create an account or sign in to comment