Yahoo Answers is shutting down on May 4th, 2021 (Eastern Time) and beginning April 20th, 2021 (Eastern Time) the Yahoo Answers website will be in read-only mode. There will be no changes to other Yahoo properties or services, or your Yahoo account. You can find more information about the Yahoo Answers shutdown and how to download your data on this help page.

Problem with IE6 and dropdown menu.?

I am having trouble making a drop down menu work in IE6. I have tried all kinds of suggestions and hacks that might make it work. Unfortunately so far none have worked.

Here is the HTML code of the menu:

<body>

<div class="maincontainer">

<div id="navMC">

<ul id="navMC">

<li class="liheadingMC">My Creations</li>

<li><a href="#" onmouseover="mouseOver('imgtoflip', 'imgs/photoicon.png')" onmouseout="mouseOut('imgtoflip', 'imgs/questionicon.png')">Photos</a>

<ul>

<li><a href="https://picasaweb.google.com/115309650170276523188... onmouseover="mouseOver('imgtoflip', 'imgs/Picasaicon.png')" onmouseout="mouseOut('imgtoflip', 'imgs/questionicon.png')">Picasa</a></li>

<li><a href="http://wonx2150.deviantart.com/%22 class="navMC" onmouseover="mouseOver('imgtoflip', 'imgs/deviantarticon.png')" onmouseout="mouseOut('imgtoflip', 'imgs/questionicon.png')">Deviantart</a></li>

</ul>

<li><a href="#" onmouseover="mouseOver('imgtoflip', 'imgs/gamesicon.png')" onmouseout="mouseOut('imgtoflip', 'imgs/questionicon.png')">Games</a>

<ul>

<li><a href="http://forums.civfanatics.com/member.php?u=99816%2... onmouseover="mouseOver('imgtoflip', 'imgs/civ2icon.png')" onmouseout="mouseOut('imgtoflip', 'imgs/questionicon.png')">Civ 2 maps/addons</a></li>

<li><a href="http://www.gamefront.com/files/6189284/Resistance_... onmouseover="mouseOver('imgtoflip', 'imgs/operationflashpoint.png')" onmouseout="mouseOut('imgtoflip', 'imgs/questionicon.png')">Operation Flashpoint Units</a></li>

</ul>

<li><a href="index.html" onmouseover="mouseOver('imgtoflip', 'imgs/backbutton.png')" onmouseout="mouseOut('imgtoflip', 'imgs/questionicon.png')">Back</a></li>

</ul>

</div> <!--End of navbar -->

<div class="imgflipweb"><img src="imgs/questionicon.png" width="128" height="128" name="imgtoflip" id="imgtoflip" alt="Question mark"/></div>

</div> <!--End of maincontainer -->

And here is the CSS:

/* My Creations */

.navMC {

padding-top:0px;

}

#navMC ul {

text-align:left;

list-style-type: none;

padding-top:0px;

width:200px;

float:left;

}

#navMC li {

padding-top:10px;

padding-bottom:10px;

font-size:25px;

}

#navMC ul li {

position: relative;

}

#navMC ul li a {

color:#000;

text-decoration:none;

position: relative;

}

#navMC ul li a:hover {

color: #603;

}

#navMC li ul { /*Makes the drop down menu appear to the left of the menu.*/

position: absolute;

left: 200px;

top: 0;

display: none;

}

#navMC li:hover > ul { /*Makes the drop down menu appear*/

display: block;

}

.liheadingMC {

font-weight:bold;

font-size:36px;

font-weight:bold;

color:#000;

padding-bottom: 35px;

Here is the finished product: http://wonx.dk/2012/mycreations.html

Thanks in advance for your help :).

1 Answer

Relevance
  • 9 years ago

    " I have tried all kinds of suggestions and hacks that might make it work."

    Were any of those suggestions to not use IE6? It was a very buggy release for IE (especially OEM versions).

    I would either go with IE5.5 or IE7.

Still have questions? Get your answers by asking now.