سوال: مشكل منو با IE [بایگانی]

saeedtrb

سه شنبه 20 فروردین 1392, 17:37 عصر

تو رو خدا يكي اين IE جمع كنه يا به ما كمك كنه ايراد اين كد من چيه كه زير منو تو IE زير من خودش نمايش داده نميشه
اينم كدش

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
body
{
direction:rtl;

}
*
{
margin:0;
padding:0;
outline:0;
}
#header
{
height:101px;
width:1000px;
background:url(images/bg_header.gif);
margin:0 auto 0 auto;
}

.menu
{
width: auto;
height: 30px;
list-style: none;
margin: 72px 0px 0px 0px;
float:right;
}
.menu>li
{
display: block;
white-space: nowrap;
font-size: 0;
float: left;
margin:0 10px 0 0 ;
}
.menu a
{
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-weight: 800;
font-size: 15px;
}
.children
{background:#CCC;
position: absolute;
z-index: 10;
margin: 0px 0px 0 0;
padding: 0;
border-radius: 0px 0px 10px 8px;
display: none;
list-style: none;
}
.menu li:hover>*
{
display:block;
}
.children li
{
float: none;
color: rgb(95, 95, 95);
margin: 0;
height: 23px;
padding: 4px 20px 4px 47px;
transition: all 1s;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
border-bottom: 1px solid rgb(95, 95, 95);
}
.menu ul li:hover
{
background: rgb(167, 47, 0);
}
.menu a:hover
{
color:#FFF;
}
</style>
</head>
<body>
<div id="header">
<ul class="menu">
<li>
<a href="#">صفحه اصلي</a></li>
<li ><a href="#">اخبار</a>
<ul class="children">
<li ><a href="#">ورزشي</a></li>
<li ><a href="#">ورزشي</a></li>
<li ><a href="#">ورزشي</a></li>
<li ><a href="#">ورزشي</a></li>
</ul>
</li>
<li><a href="#" >محصولات</a>
<ul class="children">
<li ><a href="#">ورزشي</a></li>
<li ><a href="#">ورزشي</a></li>
<li ><a href="#">ورزشي</a></li>
<li ><a href="#">ورزشي</a></li>
</ul>
</li>
<li ><a href="#">تماس</a>
<ul class="children">
<li ><a href="#">ورزشي</a></li>
<li ><a href="#">ورزشي</a></li>
<li ><a href="#">ورزشي</a></li>
<li ><a href="#">ورزشي</a></li>
</ul>
</li>
<li>
<a href="#">درباره</a>
<ul class="children">
<li ><a href="#">ورزشي</a></li>
<li ><a href="#">ورزشي</a></li>
<li ><a href="#">ورزشي</a></li>
<li ><a href="#">ورزشي</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>