hi all,
i'm trying to make a drop down menu.
everything works well in firefox and chrome. the problem exist only in IE8
i tried adding the doctype (a few different ones) but nothing!
the sub menu doesn't appear.
here is my code:
<HTML>
<HEAD>
<meta http-equiv="content-language" content="he" />
<meta http-equiv="content-type" content="text/html; charset=windows-1255" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<TITLE>MISH MUSH</TITLE>
<script language="JavaScript" src="http://ramirosenbaum.110mb.com/arabic/JSfile.js" type="text/javascript"></script>
<style type="text/css">
body
{
background-color:#b0c4de;
}
img
{
position:absolute;
left:380px;
top:200px;
z-index:-1;
}
h1 {
font-size:40;
text-align:center;
margin:0;
padding:0;
padding-top:6px;
padding-bottom:6px;
}
p.main {text-align:justify;}
#nav {
background-color: #98bf21;
height: 32px;
text-align: center
}
#nav ul {
list-style-type:none;
margin:0;
padding:0;
padding-top:6px;
padding-bottom:6px;
}
#nav li{
display:inline;
position: relative;
text-align: center;
}
#nav a:link,a:visited {
font-weight:bold;
color:#FFFFFF;
background-color:#98bf21;
text-align:center;
padding:6px;
text-decoration:none;
text-transform:uppercase;
}
#nav a:hover,a:active {
background-color:#7A991A;
}
#nav li ul {
position:absolute;
width: 8em;
left: -9999em;
}
#nav li li, #nav li li a { display: block; height: 1.8em; }
#nav li li a { width: auto; padding: 4 }
#nav li:hover ul { top: 1.5em; right: -5 }
</STYLE>
</HEAD>
<body >
<div dir="rtl" align="right">
<h1>hello!</h1>
<headerline src="http://ramirosenbaum.110mb.com/arabic/line.gif"
<p class="main">i'm not really sure what do we want to put in the main page</p>
<img src="mySuperLamePic_58c1345d65c62de9eafed8ab98cddc e0.jpg" width="450" />
<div id="nav">
<ul>
<li><a href="#about">something</a>
<ul>
<li><a href="#history">he 1</a></li>
<li><a href="#">he 2</a></li>
</ul>
</li>
<li><a href="#newStudents">something</a>
<ul>
<li><a href="#">Su 2.1</a></li>
<li><a href="#">Su 2.2</a></li>
<li><a href="#">Su 2.3</a></li>
<li><a href="#">Su 2.4</a></li>
</ul>
</li>
<li><a href="#exxistingGroups">something</a>
<ul>
<li><a href="#">Su 2.1</a></li>
<li><a href="#">Su 2.2</a></li>
<li><a href="#">Su 2.3</a></li>
<li><a href="#">Su 2.4</a></li>
</ul>
</li>
<li><a href="#pics">something</a>
<ul>
<li><a href="#">Su 2.1</a></li>
<li><a href="#">Su 2.2</a></li>
<li><a href="#">Su 2.3</a></li>
<li><a href="#">Su 2.4</a></li>
</ul>
</li>
<li><a href="#fprum">something</a>
<ul>
<li><a href="#">he 1</a></li>
<li><a href="#">he 2</a></li>
</ul>
</li>
<li><a href="#contact">something</a>
<ul>
<li><a href="#">he 1</a></li>
<li><a href="#">he 2</a></li>
</ul>
</li>
</ul>
</div>
</div>
</body>
</HTML>
thanks...
confused!@!!!!!!
