Why does two level Drop Down Menu not working in IE and works fine with all browsers?

Hi Every one :)

My Issue is the sub menu level 2 Not working in Internet Explore but it's working perfect in all other browsers.
I Spend more than 6 hours and could not find the solution guys if could help that would be grate :)

You can View the menu in this URL:http://www.1.ashraf.ly

If you test this in IE The digital sub menu will not open my level 2 sub "Laptop"
You can Download the files from the attached file.
You can View my Html Code here:

Expand|Select|Wrap|Line Numbers

 
<!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" xml:lang="en" lang="en">

<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<title></title>

<link rel="stylesheet" href="menu_style.css" type="text/css" />

</head>
 
<body>
 
      <div class="menu"> 
 
     <ul> 

            <li><a href="#" >Home</a></li>
 
             <li><a href="#" id="current">Products</a>
 
     <ul>
 
             <li class="sub"><a href="#">Digital <img border="0" align="absmiddle" style="float:right; margin-top:11px;"src="images/comnav-arrowover.png"></a>
 
     <ul class="sub">

                    <li><a href="#">Laptop</a></li>
 
                    </ul>

                    </li>
 
        </ul>

        </div>

</body>

</html>

You can View my CSS Code here

Expand|Select|Wrap|Line Numbers

  
.menu{

    border:none;

    border:0px;

    margin:0px;

    padding:0px;

    font-family:verdana,geneva,arial,helvetica,sans-serif;

    font-size:14px;

    font-weight:bold;

    color:8e8e8e;

    }

.menu ul{

    background:url(images/menu-bg.gif) top left repeat-x;

    height:43px;

    list-style:none;

    margin:0;

    padding:0;

    }

    .menu li{

        float:left;

        }

    .menu li a{

        color:#666666;

        display:block;

        font-weight:bold;

        line-height:43px;

        padding:0px 25px;

        text-align:center;

        text-decoration:none;

        }

        .menu li a:hover{

            color:#000000;

            text-decoration:none;

            }

    .menu li ul{

        background:#e0e0e0;

        border-left:2px solid #0079b2;

        border-right:2px solid #0079b2;

        border-bottom:2px solid #0079b2;

        display:none;

        height:auto;

        filter:alpha(opacity=95);

        opacity:0.95;

        position:absolute;

        width:225px;

        z-index:200;

        /*top:1em;

        /*left:0;*/

        }

    .menu li:hover ul{

        display:block;

        }

    .menu li li {

        display:block;

        float:none;

        width:225px;

        }

    .menu li ul a{

        display:block;

        font-size:12px;

        font-style:normal;

        padding:0px 10px 0px 15px;

        text-align:left;

        }

        .menu li ul a:hover{

            background:#949494;

            color:#000000;

            opacity:1.0;

            filter:alpha(opacity=100);

            }

    .menu p{

        clear:left;

        }    

    .menu #current{

        background:url(images/current-bg.gif) top left repeat-x;

        color:#ffffff;

        }
 
<!------SUB----------!>
 
         li a:hover{

            color:#0F0;

            text-decoration:none;

            }
 
    li.sub ul.sub{

        background:#e0e0e0;

        border-left:2px solid #0079b2;

        border-right:2px solid #0079b2;

        border-bottom:2px solid #0079b2;

        display:none;

        top:0px;

        left:100%;

        height:auto;

        filter:alpha(opacity=95);

        opacity:0.95;

        position:absolute;

        width:225px;
 
        }
 
    li.sub:hover ul.sub{

        display:block;

        left: 100%;

        top: 0;

        }

Thank you,
ASH

Attached Files

drop-down-menu.zip (3.1 KB, 69 views)

Jan 21 '11 #1

Subscribe Post Reply

1380

by: delerious | last post by:

I'm going to build a vertical navigation menu using images in HTML. I want to have a drop-down menu appear next to an image when I move the mouse over it. I know that I could just download any one...

Javascript

Help with drop down menu

by: hemanth.singamsetty | last post by:

Hello there, I've a drop down menu (created using CSS & Javascript -- see code below). My problem is, whenever I click a link on the menu the new page replaces the current page (and the menu...

Javascript

dynamic drop-down menu

by: scaredemz | last post by:

hi, so i'm creating a dynamic drop-down menu. the menu and the text show up fine in IE but only the drop-down shows in Firefox without the menu text. Below is the fxn code. help pls. function...

Javascript

Drop down menu problem (Firefox vs IE)

by: Ziphyre | last post by:

Hi, I've got some problems with horizontal drop down menu. It looks fine under Firefox, a mess under IE. I've noticed the following differences/problems: - Extra space between menu items and...

HTML / CSS

CSS drop-down menu problem

by: Enrika | last post by:

Greetings! I'm working on a CSS drop-down menu, which, to my surprise, is actually working, more-or-less, in both IE *and* Firefox (and Netscape). But there are two changes that I want to make that...

Javascript

Drop Down Menu.

by: rsteph | last post by:

I have a javascript drop down menu that I borrowed from a website. It utilizes a little .css to help with formatting. The menu works great, and on all 3 of the browsers I'm concerned about; but I am...

Javascript

CSS Drop Down Menu in IE7

by: TycoonUK | last post by:

Hi, As I do not have IE7 on my computer, I was wondering if there is a fault in my CSS Menu when using IE7. Please can someone look at my site - http://www.worldofmonopoly.co.uk and tell me...

HTML / CSS

calling css 2-level drop down menu (DHTML issue)

by: Archanak | last post by:

Hi, I am using 2-level CSS Drop Down Menu in my perl/CGI program. here is the code. #!c:/perl/bin/perl.exe use CGI qw(:standard);

Javascript

CSS horizontal drop down menu

by: mjohnson0321 | last post by:

I am trying to incorporate a CSS drop-down menu into a site (suckerfish menu). The menu gets lost behind the content below it, but only on one of the drop downs (News). The error occurs on all of...

HTML / CSS

Drop-down menu works in IE but not Firefox, Safari, etc.

by: nfarrier | last post by:

I'm a school teacher trying to get a web page update working doing a drop-down menu. The code works at http://hms.sps.lane.edu but the update that uses more css, including "navigation body"...

HTML / CSS

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

Why does two level Drop Down Menu not working in IE and works fine with all browsers?

Similar topics