علت لرزش متن زیر منو

[niloo66]

در منوی زیر وقتی ماوس به روی زیر منوها میره متن میلرزه،چرا؟؟؟؟!!!!




<div class="wrapper">
<div id="top-menu">
<ul class="menu">
<li><a href="home.html">صفحه اصلی</a></li>
<li><a href="articles.html">مطالب</a>

<ul>
<li><a href="#">آموزشی</a></li>
<li><a href="#">اقتصادی</a></li>
<li><a href="#">فرهنگی</a></li>
<li><a href="#">سیاسی</a>

<ul>
<li><a href="#">ایران</a>
<ul>
<li><a href="#">ایران</a></li>
<li><a href="#">جهان</a></li>
<li><a href="#">خاورمیانه</a></li>
</ul>
</li>
<li><a href="#">جهان</a></li>
<li><a href="#">خاورمیانه</a>
</li>
</ul>

</li>
</ul>


</li>
<li><a href="about-us.html">درباره ما</a>
<ul>
<li><a href="#">آموزشی</a></li>
<li><a href="#">اقتصادی</a></li>
<li><a href="#">فرهنگی</a></li>
<li><a href="#">سیاسی</a>

<ul>
<li><a href="#">ایران</a>
<ul>
<li><a href="#">ایران</a></li>
<li><a href="#">جهان</a></li>
<li><a href="#">خاورمیانه</a></li>
</ul>
</li>
<li><a href="#">جهان</a></li>
<li><a href="#">خاورمیانه</a>
</li>
</ul>

</li>
</ul>
</li>
<li><a href="contact-us.html">تماس با ما</a></li>
</ul>
<img src="../../Images/LOGO/logo.png" width="150" height="70" >

</div>

*{
margin:0;
padding:0;
}
.wrapper
{
margin:20px auto;
width:90%;
height:3000px;
position:relative;
}

#top-menu{
/*background-color:#333;*/
width:90%;
height:80px;
}
.menu{
list-style:none;
margin:0;
padding:0;

}
.menu ul{
display:none;
top:40px;
position:absolute;
right:0;
}
.menu ul ul {
display:none;
top:0;
right:101%;
position:absolute;
}
.menu li {
float:right;
/*background-color:#333;*/
/*border-left:1px solid rgba(200,200,200,0.4);*/
transition:all 0.2s;
position:relative;
padding:20px 20px;
}
.menu ul li{
display:block;
width:100px;
/*border-bottom:1px solid rgba(200,200,200,0.4);*/
text-align:right;
}

/*.menu li:hover{
background-color:#9C0;
}*/
/*.menu li > ul > li:first-child {
border-top:1px solid rgba(200,200,200,0.4);
}*/
.menu li:last-child{
border:none;
}
.menu li a{
display:block;
height:30px;
line-height:30px;
font-family:Tahoma, Geneva, sans-serif;
font-size:10pt;
color:#FFFFFF;
/*transition:all 0.3s;*/
}
/*.menu li a:hover{
text-decoration:underline;
text-decoration-color:yellow;


}*/
/* CSS Document */

.sticky{
position: fixed;
width: 100% !important;
top:0 !important;
left:0 !important;
z-index:3000;
background-color:white;
}
.sticky li a {
color:black;
}

[afshinz]

نمونه آنلاین بده

[niloo66]

در .menu ul ul
تغییر دادم درست شد!!!!!!
right:100%;