مشکل در نمایش زیرمنوها

[Rezvane.R]

سلام . من زیرمنوهام درست باز نمیشن . یه باکس زیر همون li باز نمیشه ، کل منو بزرگ میشه . چیکار کنم که درست بشه؟؟
ممنون میشم کمکم کنید.
عکس منو رو گذاشتم.
135765

[Mr.Robot666]

شما کد رو بزار
بهتر هم هست توی http://jsfiddle.net/ بزاری
مطمئن هم بشید که جاوا اسکریپ استفاده شده یا نه!

[Rezvane.R]

از جاوا اسکریپت استفاده نکردم. با css منو رو نوشتم.
.navbar {
background: #181A1C;
margin-bottom:0;
min-height:70px;
}
.navbar li{display:inline-block;
float:right;position:relative;}

.nav ul {
display:none;
text-align:center;
}

.nav .navbar li {
display:none;
text-align:center;

}
.nav li :hover {
color: #fff;
transition: border-color 1s ease; text-align:center;}
.navbar .nav > li > a {
text-transform:uppercase;
line-height: auto;
vertical-align: middle;
margin:10px 3px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
border: 1px solid #181A1C;
box-shadow: none;
font-size:15px;
text-shadow: none;
color: #fff;
transition: border-color 1s ease;
text-align:center;
}
.navbar .nav > li:hover> a, .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
border: 1px solid #FECE1A;
color: #fff;
background-color: #181A1C;
transition: border-color 1s ease;
text-align:center;
}
.navbar .nav > li li {width:100%;
margin-right: 5px;
border:1px #ccc solid;
padding:5px;
margin-bottom:2px;}

.navbar > ul ul
{
position:absolute;display:none;top:44px;
right:0;width:230px;
}
.navbar ul li:hover > ul{
display:block;
transition: border-color 1s ease;
}
.navbar .nav > li li:hover { color: #fff;transition: border-color 1s ease; text-align:center;width:80px;height:30px;}
.navbar .nav > ul ul :hover { border: 1px solid #FECE1A;
color: #fff;
background-color: #181A1C;
transition: border-color 1s ease;text-align:center; }.navbar-fixed-top {
min-height:60px;
height:60px;
padding-top:0;
}
.navbar-inner {
background: #181A1C;
border-radius:0;
filter: none;
border: none;
box-shadow: none;
}

اینم کدهای html
135769