Why does CSS menu not work in IE?

This is my HTML file

Expand|Select|Wrap|Line Numbers

 <html>

<head>
 
<style type="text/css">

@import url(menu.css);

</style>

<!--[if IE]>
 
<![endif]-->

</head>

<body>

<!-- start menu HTML -->

<div id="menu">

<ul>

  <li><h2>HOME</h2>

  </li>

</ul>
 
<ul>

  <li><h2>ABOUT US</h2>

    <ul>

      <li><a href="#" title="">MISSION</a> </li>

      <li><a href="#" title="">VISION</a></li>

      <li><a href="#" title="">IDEOLOGY</a></li>

      <li><a href="#" title="">HISTORY</a> </li>

      <li><a href="#" title="">ADMINISTRATION</a></li>
 
    </ul>

  </li>

</ul>
 
<ul>
 
  <li><h2>COURSE OFFERED </h2>

    <ul>

      <li><a href="#" title="">GRADUATE</a></li>

               <ul>
 
              <li><a href="#" title="">BCOM</a></li>

              <li><a href="#" title="">BSC</a></li>        

              <li><a href="#" title="">BCA</a></li>

             </ul>
 
      <li><a href="#" title="">POST GRADUATE</a>

        <ul>

          <li><a href="#" title="Vertical Menu Tutorial">tanfa Tutorial</a>    

            <ul>
 
              <li><a href="#" title="">MCA</a></li>

              <li><a href="#" title="">MBA</a></li>        

              <li><a href="#" title="">MCOM</a></li>

              <li><a href="#" title="">MMS</a></li>
 
            </ul>
 
          </li>

        </ul>

      </li>

    </ul>

  </li>

</ul>
 
<ul>

  <li><h2>LIFE ON CAMPUS</h2>
 
    <ul>

      <li><a href="#" title="" </a>EXTRA CURCULUM</li>

      <li><a href="#">INNOVATION</a></li>

    <li><a href="#">STUDENT FORUM</a></li>    

    <li><a href="#">COMPUS DISCRIPTION</a></li>  
 
    </ul>

  </li>

</ul>
 
</div>

</body>

<html>

This is my CSS File

Expand|Select|Wrap|Line Numbers

 #menu {

width: 100%;

background: #eee;

float: left;

}
 
#menu ul {

list-style: none;

margin: 0;

padding: 0;

width: 12em;

float: left;

}
 
#menu a, #menu h2 {

font: bold 11px/16px arial, helvetica, sans-serif;

display: block;

border-width: 1px;

border-style: solid;

border-color: #ccc #888 #555 #bbb;

margin: 0;

padding: 2px 3px;

}
 
#menu h2 {

color: #fff;

background: #000;

text-transform: uppercase;

}
 
#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 {

position: absolute;

top: 0;

left: 100%;

}
 
div#menu ul ul {

display: none;

}
 
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;}

this working properly in other browser bt nt in IE.. what is the problem and hw can i fix it...

Jan 22 '11 #1

Subscribe Post Reply

2067

drhowarddrfine

7,435

Expert 4TB

Without a doctype, you will never get IE to attempt to perform like the other far more modern browsers. Add this to your first line: <!doctype html>

Jan 22 '11 #2

shanku vatsal

tried no change. thanks 4 d reply

Jan 22 '11 #3

drhowarddrfine

7,435

Expert 4TB

This works in IE for me. Specifically what do you see that doesn't work?

Jan 22 '11 #4

shanku vatsal

the effects that i hav give to the menu.. its not popping out. Just the root item are been displayed but the when my mouse is over those element the sub-menu are not been displayed.

Jan 23 '11 #5

Similar topics

CSS side menu and IE

by: Deborah | last post by:

I'm a rookie, and I guess I know just enough to be dangerous. I found a great template website, openwebsign.org, and found an open source template I really liked that even came in 2 versions. ...

HTML / CSS

What is going on with this pull-down menu??? Pls Help

by: dkimbrell | last post by:

Hi there, I'm very novice to web design. I'm trying to make a pulldown menu, but the formatting keeps getting screwed up when you roll the mouse over it. Please see www.boundarysys.com for...

Javascript

What's going on with this pulldown menu? Pls help!

by: leicklda | last post by:

Hi there, I'm very novice to web design. I'm trying to make a pulldown menu, but the formatting keeps getting screwed up when you roll the mouse over it. Please see www.boundarysys.com for...

HTML / CSS

Pls help to Resize Frames

by: Miaaa Mukherjee | last post by:

Hello, I have created three different menu controls. 1)headercontrol.aspx(which contains mainimage heading and midmenu) 2)leftmenu.aspx(which contains the menu thru which we can open diff...

HTML / CSS

Menu Bar IE Problem

by: Mike | last post by:

I have made a menu bar with CSS and it works perfectly with IE. But it's *way* off in FF. I have fiddled with it for quite some time and can't get it to cooperate. Can anyone help? ...

HTML / CSS

Pls help with a project. About doing passwords. Thanks

by: saytri | last post by:

Hi i have this project were i have to do a quiz. i wrote the questions in a textfile and i called them through java. I have also made a menu to choose which type of quiz. But before accessing the...

Java

.NET IDR_MAINFRAME menu problem - application Help menu conflict with Excel Help menu

by: hitencontractor | last post by:

I am working on .NET Version 2003 making an SDI application that calls MS Excel 2003. I added a menu item called "MyApp Help" in the end of the menu bar to show Help-> About. The application...

.NET Framework

Cloning rows with Javascript. Works in Firefox but not IE...Please HELP!!

by: nigelesquire | last post by:

Hi, I have the following code working great in Firefox but not IE. Please help... <html> <head>

Javascript

Easy Steps to Fix "Canon Printer Won't Connect to WiFi Network"

by: taylorcarr | last post by:

A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...

General

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

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

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

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++

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

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++