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

[asareza]

سلام دوستان و اساتید عزیز
من یه سایت طراحی کردم. مشکلی که هست اینه که وقتی موس روی منو ها قرار میگیره ، زیر منوها در زیر قسمتی که در شکل دیده میشه در زیر قسمت اسلایدر (جاوا) دیده میشه . ممنون میشم راهنمایی کنید. خیلی فوریه ممنون

137246

[mostafae]

z-index زیر منو رو 1 قرار بدین

[asareza]

z-index زیر منو رو 1 قرار بدین


ممنون
این style : میشه لطف کنید و بیشتر راهنمایی کنید . چون نشد








* {
margin: 0;
}
body {
background: rgba(0, 0, 0, 0) url("/uploads/Uspeh/back_all_top.png") repeat-x scroll center top;
color: #000000;
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
}
h1 {
color: #ff0000;
font-size: 20px;
font-weight: bold;
margin: 0 0 10px 40px;
}
h2 {
color: #0a6894;
font-size: 20px;
font-weight: bold;
margin: 10px 0 5px 20px;
}
h3 {
color: #000000;
font-size: 17px;
font-weight: bold;
margin: 5px 0 5px 10px;
}
input, textarea {
background: #a4e4f5 none repeat scroll 0 0;
border: 1px solid #ffffff;
color: #0f5b96;
font: bold 13px Arial,Helvetica,sans-serif;
}
img {
border: 0 none;
margin: 0;
padding: 0;
}
.bottom-bg {
background: rgba(0, 0, 0, 0) url("/uploads/Uspeh/back_all_bottom.png") repeat-x scroll center bottom;
width: 100%;
}
#main {
background: rgba(0, 0, 0, 0) url("/uploads/Uspeh/table_back.jpg") no-repeat scroll center top;
margin: 0 auto;
width: 1280px;
}
#inner {
background: rgba(0, 0, 0, 0) url("/uploads/Uspeh/back_foot.png") no-repeat scroll center bottom;
margin: 0 auto;
width: 1280px;
}
#header {
height: 100px;
width: 1280px;
}
#logo {
height: 124px;
margin-bottom: 10px;
padding-left: 1040px;
padding-top: 0;
}
#logo .contacts {
color: #000;
font-size: 13px;
font-weight: bold;
padding: 10px 0 0 20px;
}
#page {
height: 800px;
margin: 0 auto;
width: 1260px;
}
#content {
float: left;
margin-left: 30px;
width: 770px;
}
#nav_cep img {
height: 15px;
margin-left: 10px;
margin-top: 5px;
width: 15px;
}
#content .top {
background: rgba(0, 0, 0, 0) url("/uploads/Uspeh/block_top_3.png") no-repeat scroll 0 0;
height: 13px;
width: 770px;
}
#content .middle_back {
background: #ffffff none repeat scroll 0 0;
padding: 10px;
width: 750px;
}
#content .bottom {
background: rgba(0, 0, 0, 0) url("/uploads/Uspeh/block_bottom_3.png") no-repeat scroll 0 0;
height: 10px;
width: 770px;
}
#post {
margin-top: 10px;
}
.title {
float: left;
font-size: 17px;
font-weight: bold;
margin-bottom: 5px;
margin-left: 20px;
margin-top: -10px;
}
#post p {
margin-bottom: 4px;
text-align: justify;
white-space: normal;
}
.day {
background: #9ff none repeat scroll 0 0;
border-radius: 6px;
padding-left: 10px;
width: 735px;
}
.day table {
border: 0 none;
margin: 0;
padding: 0;
}
.day table tr th, .day table tr td {
font-size: 14px;
padding: 4px;
vertical-align: top;
}
.day .blockhead {
background: rgba(0, 0, 0, 0) url("/uploads/Uspeh/16.png") no-repeat scroll 0 0;
border-radius: 15px;
bottom: 10px;
color: #ffffff;
display: inline-block;
font-size: 16px;
font-weight: bold;
height: 23px;
margin-left: 40px;
padding: 3px 18px;
position: relative;
text-align: left;
}
.day b {
font-size: 12px;
left: 120px;
margin-bottom: 4px;
margin-right: 5px;
padding-right: 20px;
position: relative;
}
.bos .toggler {
background: rgba(0, 0, 0, 0) url("/uploads/Uspeh/show_all.png") no-repeat scroll 0 0;
color: #ffffff;
font-size: 12px;
font-weight: bold;
height: 12px;
margin-left: 535px;
padding-left: 35px;
position: relative;
}
.spezblock .bos {
background: rgba(0, 0, 0, 0) url("/uploads/Uspeh/14.png") no-repeat scroll 0 0;
cursor: pointer;
height: 15px;
margin-left: 12px;
width: 785px;
}
.sidebar {
color: #000000;
float: left;
width: 202px;
}
.sidebar ul {
line-height: normal;
list-style: outside none none;
margin: 0;
padding: 0;
}
.sidebar li {
padding: 4px 0 4px 20px;
}
.sidebar a {
color: #0a6894;
font-size: 11px;
text-decoration: none;
}
.sidebar a:hover {
color: #0a6894;
text-decoration: underline;
}
.sidebar .blockhead {
background: rgba(0, 0, 0, 0) url("/uploads/Uspeh/title.png") no-repeat scroll 0 0;
color: #ffffff;
font-size: 18px;
font-weight: bold;
height: 23px;
padding-left: 20px;
padding-top: 5px;
}
.sidebar INPUT {
background: #eff9fd none repeat scroll 0 0;
border: 1px solid #aaaaaa;
margin-left: 20px;
padding: 3px 5px;
width: 150px;
}
.bottom_small {
background: rgba(0, 0, 0, 0) url("/uploads/Uspeh/bottom_small.png") no-repeat scroll 0 0;
height: 11px;
margin-bottom: 6px;
width: 202px;
}
#leftbar {
margin-bottom: 0;
margin-left: 20px;
}
#seti {
margin-left: 12px;
padding-right: 15px;
text-align: justify;
}
#seti a {
margin-left: 5px;
margin-right: 2px;
}
#rightbar {
margin-left: 20px;
margin-right: 15px;
padding-bottom: 20px;
}
#rightbar p {
padding-bottom: 5px;
padding-top: 5px;
text-align: center;
}
#rightbar p a {
color: #06c;
font-size: 1.2em;
font-weight: normal;
padding-top: 6px;
text-decoration: none;
}
#rgt li {
text-align: left;
}
#rgt li a {
font-size: 12px;
font-weight: bold;
line-height: 1.2em;
padding: 6px;
text-decoration: none;
}
#leftbar .back, #rightbar .back {
background: #ffffff url("/uploads/Uspeh/title_back.png") no-repeat scroll 0 0;
padding-top: 15px;
}
div#SkypeButton_Call_uspeh img {
margin: 3px !important;
}
p#SkypeButton_Call_uspeh_paraElement {
text-align: center !important;
}
#lft ul li {
margin: 0;
padding: 0 0 0 15px;
}
#lft li ul {
width: 180px;
z-index: 120;
}
#lft > li {
text-align: left;
}
#lft > li > a {
color: #f00;
font-size: 18px;
line-height: 1;
padding-top: 6px;
text-decoration: none;
}
#lft li ul li {
text-align: justify;
}
#lft li ul li a {
color: #06c;
font-weight: bold;
text-decoration: none;
}
#nav, #nav li ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
#nav > li {
float: left;
width: 150px;
}
#nav li ul {
display: none;
}
#nav li:hover ul {
display: block;
}
#menu {
background: rgba(0, 0, 0, 0) url("/uploads/Uspeh/menu.png") no-repeat scroll 0 0;
height: 32px;
margin-top: 70px;
width: 770px;
}
#nav > li {
font-size: 1.2em;
height: 26px;
padding-top: 6px;
text-align: center;
}
#nav > li > a {
color: #fff;
font-size: 1.2em;
font-weight: bold;
height: 32px;
padding-top: 6px;
text-align: center;
text-decoration: none;
}
#nav li ul {
background-color: #0d86cb;
border: 1px solid #ffffff;
margin-top: 2px;
opacity: 0.8;
}
#nav li ul li {
padding: 5px 5px 5px 15px;
text-align: left;
}
#nav li ul li a {
color: #fff;
font-weight: bold;
opacity: 1;
text-decoration: none;
}
#nav li ul li a:hover {
color: #f00;
font-weight: bold;
opacity: 1;
text-decoration: none;
}
#footer {
clear: both;
height: 154px;
width: 1260px;
}
#inf {
color: #000;
float: left;
font-size: 11px;
font-weight: bold;
padding: 2px 47px 25px 100px;
}
#footer p {
color: #000;
font-size: smaller;
}
#footer .footer_menu {
background: rgba(0, 0, 0, 0) url("/uploads/Uspeh/footer_img.png") no-repeat scroll 0 0;
height: 154px;
margin-left: 375px;
margin-right: 350px;
}
#bottom_menu {
background: rgba(0, 0, 0, 0) url("/uploads/Uspeh/menu_bottom.png") no-repeat scroll 0 0;
height: 20px;
left: 30px;
opacity: 0.8;
position: relative;
top: 90px;
}
#down > li {
font-size: 1em;
margin-top: 2px;
text-align: center;
}
#down > li > a {
color: #fff;
height: 10px;
text-decoration: none;
}
#down, #down li ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
#down > li {
float: left;
width: 100px;
}
#down li ul {
display: none;
}
#down li:hover ul {
display: block;
}
body::after {
content: url("/uploads/Uspeh/lightbox/close.png") url("/uploads/Uspeh/lightbox/loading.gif") url("/uploads/Uspeh/lightbox/prev.png") url("/uploads/Uspeh/lightbox/next.png");
display: none;
}
.lightboxOverlay {
background-color: black;
display: none;
left: 0;
opacity: 0.8;
position: absolute;
top: 0;
z-index: 9999;
}
.lightbox {
font-weight: normal;
left: 0;
line-height: 0;
position: absolute;
text-align: center;
width: 100%;
z-index: 10000;
}
.lightbox .lb-image {
border-radius: 3px;
display: block;
height: auto;
max-width: inherit;
}
.lightbox a img {
border: medium none;
}
.lb-outerContainer {
background-color: white;
border-radius: 4px;
height: 250px;
margin: 0 auto;
position: relative;
width: 250px;
}
.lb-outerContainer::after {
clear: both;
content: "";
display: table;
}
.lb-container {
padding: 4px;
}
.lb-loader {
height: 25%;
left: 0;
line-height: 0;
position: absolute;
text-align: center;
top: 43%;
width: 100%;
}
.lb-cancel {
background: rgba(0, 0, 0, 0) url("/uploads/Uspeh/lightbox/loading.gif") no-repeat scroll 0 0;
display: block;
height: 32px;
margin: 0 auto;
width: 32px;
}
.lb-nav {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
outline: medium none;
}
.lb-prev, .lb-next {
cursor: pointer;
display: block;
height: 100%;
}
.lb-nav a.lb-prev {
background: rgba(0, 0, 0, 0) url("/uploads/Uspeh/lightbox/prev.png") no-repeat scroll left 48%;
float: left;
left: 0;
opacity: 0;
transition: opacity 0.6s ease 0s;
width: 34%;
}
.lb-nav a.lb-prev:hover {
opacity: 1;
}
.lb-nav a.lb-next {
background: rgba(0, 0, 0, 0) url("/uploads/Uspeh/lightbox/next.png") no-repeat scroll right 48%;
float: right;
opacity: 0;
right: 0;
transition: opacity 0.6s ease 0s;
width: 64%;
}
.lb-nav a.lb-next:hover {
opacity: 1;
}
.lb-dataContainer {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
margin: 0 auto;
padding-top: 5px;
width: 100%;
}
.lb-dataContainer::after {
clear: both;
content: "";
display: table;
}
.lb-data {
color: #ccc;
padding: 0 4px;
}
.lb-data .lb-details {
float: left;
line-height: 1.1em;
text-align: left;
width: 85%;
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
}
.lb-data .lb-number {
clear: left;
color: #999999;
display: block;
font-size: 12px;
padding-bottom: 1em;
}
.lb-data .lb-close {
background: rgba(0, 0, 0, 0) url("/uploads/Uspeh/lightbox/close.png") no-repeat scroll right top;
display: block;
float: right;
height: 30px;
opacity: 0.7;
outline: medium none;
text-align: right;
transition: opacity 0.2s ease 0s;
width: 30px;
}
.lb-data .lb-close:hover {
cursor: pointer;
opacity: 1;
}
.banners {
height: 260px;
position: relative;
z-index: 0;
}
#bannernav {
bottom: 10px;
margin-right: 80px;
position: relative;
text-align: right;
z-index: 50;
}
#bannernav a {
background: #cff none repeat scroll 0 0;
border: 1px solid #ccc;
border-radius: 8px;
margin: 0 5px;
padding: 3px 5px;
text-decoration: none;
}
#bannernav a.activeSlide {
background: #49b5e6 none repeat scroll 0 0;
}
#bannernav a:focus {
outline: medium none;
}
.jcarousel-skin .jcarousel-container {
background: #d0e6f5 none repeat scroll 0 0;
border: 1px solid black;
border-radius: 6px;
height: auto !important;
overflow: hidden;
padding-left: 30px;
padding-right: 30px;
}
.jcarousel-skin .jcarousel-direction-rtl {
direction: rtl;
}
.jcarousel-skin .jcarousel-container-horizontal {
padding-top: 5px;
width: 680px;
}
.jcarousel-skin .jcarousel-container-vertical {
height: 750px;
padding: 40px 20px;
width: 150px;
}
.jcarousel-skin .jcarousel-clip {
overflow: hidden;
}
.jcarousel-skin .jcarousel-clip-horizontal {
height: 150px;
width: 680px;
}
.jcarousel-skin .jcarousel-clip-vertical {
height: 750px;
width: 150px;
}
.jcarousel-skin .jcarousel-item {
margin-left: 10px;
margin-right: 10px;
width: 170px;
}
.jcarousel-skin .jcarousel-item td {
padding-left: 5px;
}
.jcarousel-skin .jcarousel-item-horizontal {
margin-left: 0;
margin-right: 0;
}
.jcarousel-skin .jcarousel-direction-rtl .jcarousel-item-horizontal {
margin-left: 10px;
margin-right: 0;
}
.jcarousel-skin .jcarousel-item-vertical {
margin-bottom: 10px;
}
.jcarousel-skin .jcarousel-item-placeholder {
background: #fff none repeat scroll 0 0;
color: #000;
}
.jcarousel-skin .jcarousel-next-horizontal {
background: transparent url("/uploads/Uspeh/cycle/next-horizontal.png") no-repeat scroll 0 0;
cursor: pointer;
height: 32px;
position: absolute;
right: 2px;
top: 60px;
width: 32px;
}
.jcarousel-skin .jcarousel-direction-rtl .jcarousel-next-horizontal {
background-image: url("/uploads/Uspeh/cycle/prev-horizontal.png");
left: 5px;
right: auto;
}
.jcarousel-skin .jcarousel-next-horizontal:hover, .jcarousel-skin .jcarousel-next-horizontal:focus {
background-position: -32px 0;
}
.jcarousel-skin .jcarousel-next-horizontal:active {
background-position: -64px 0;
}
.jcarousel-skin .jcarousel-next-disabled-horizontal, .jcarousel-skin .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin .jcarousel-next-disabled-horizontal:active {
background-position: -96px 0;
cursor: default;
}
.jcarousel-skin .jcarousel-prev-horizontal {
background: transparent url("/uploads/Uspeh/cycle/prev-horizontal.png") no-repeat scroll 0 0;
cursor: pointer;
height: 32px;
left: 2px;
position: absolute;
top: 60px;
width: 32px;
}
.jcarousel-skin .jcarousel-direction-rtl .jcarousel-prev-horizontal {
background-image: url("/uploads/Uspeh/cycle/next-horizontal.png");
left: auto;
right: 5px;
}
.jcarousel-skin .jcarousel-prev-horizontal:hover, .jcarousel-skin .jcarousel-prev-horizontal:focus {
background-position: -32px 0;
}
.jcarousel-skin .jcarousel-prev-horizontal:active {
background-position: -64px 0;
}
.jcarousel-skin .jcarousel-prev-disabled-horizontal, .jcarousel-skin .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin .jcarousel-prev-disabled-horizontal:active {
background-position: -96px 0;
cursor: default;
}
.jcarousel-skin .jcarousel-next-vertical {
background: transparent url("/uploads/Uspeh/cycle/next-vertical.png") no-repeat scroll 0 0;
bottom: 5px;
cursor: pointer;
height: 32px;
left: 43px;
position: absolute;
width: 32px;
}
.jcarousel-skin .jcarousel-next-vertical:hover, .jcarousel-skin .jcarousel-next-vertical:focus {
background-position: 0 -32px;
}
.jcarousel-skin .jcarousel-next-vertical:active {
background-position: 0 -64px;
}
.jcarousel-skin .jcarousel-next-disabled-vertical, .jcarousel-skin .jcarousel-next-disabled-vertical:hover, .jcarousel-skin .jcarousel-next-disabled-vertical:focus, .jcarousel-skin .jcarousel-next-disabled-vertical:active {
background-position: 0 -96px;
cursor: default;
}
.jcarousel-skin .jcarousel-prev-vertical {
background: transparent url("/uploads/Uspeh/cycle/prev-vertical.png") no-repeat scroll 0 0;
cursor: pointer;
height: 32px;
left: 43px;
position: absolute;
top: 5px;
width: 32px;
}
.jcarousel-skin .jcarousel-prev-vertical:hover, .jcarousel-skin .jcarousel-prev-vertical:focus {
background-position: 0 -32px;
}
.jcarousel-skin .jcarousel-prev-vertical:active {
background-position: 0 -64px;
}
.jcarousel-skin .jcarousel-prev-disabled-vertical, .jcarousel-skin .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin .jcarousel-prev-disabled-vertical:focus, .jcarousel-skin .jcarousel-prev-disabled-vertical:active {
background-position: 0 -96px;
cursor: default;
}
.itt_head_showcase {
display: none;
}
.itt_footer_showcase {
display: none;
}
.it_tour_toggle {
display: none;
}
#showcase_module .it_main_bottom .it_bg_right_bottom {
overflow: hidden;
text-indent: 105%;
white-space: nowrap;
}
#isolated .it_main_bottom_it .it_bg_right_bottom_it {
overflow: hidden;
text-indent: 105%;
white-space: nowrap;
}
#rightbar #showcase_country_showcase_module .itt_showcase_scroll_box {
height: auto !important;
}
#ittour_showcase_center_box {
height: auto !important;
}
div #isolate table {
width: 100%;
}
.tour_search_result #banner_container {
display: none;
}
.infotbl {
border: 1px solid #ccc;
border-radius: 6px;
border-spacing: 0;
box-shadow: 0 1px 1px #ccc;
width: 100%;
}
.infotbl tr:hover {
background: #fbf8e9 none repeat scroll 0 0;
transition: all 0.1s ease-in-out 0s;
}
.infotbl td, .infotbl th {
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
padding: 10px;
vertical-align: top;
}
.infotbl td {
text-align: justify;
}
.infotbl th {
background-color: #dce9f9;
background-image: -moz-linear-gradient(left center , #d3edf9, #fbfeff);
box-shadow: 1px 0 1px rgba(255, 255, 255, 0.8) inset;
text-align: left;
text-shadow: 1px 0 1px rgba(255, 255, 255, 0.5);
}
.infotbl th:first-child {
border-radius: 6px 0 0;
}
.infotbl th:last-child {
border-radius: 0 6px 0 0;
}
.infotbl th:only-child {
border-radius: 6px 6px 0 0;
}
.infotbl tr:last-child td:first-child {
border-radius: 0 0 0 6px;
}
.infotbl tr:last-child td:last-child {
border-radius: 0 0 6px;
}
ul#visas, ul#visas ul {
list-style-type: none;
}
ul#visas li {
margin-top: 4px;
}
#visas a {
color: #000000;
font-size: 12px;
text-decoration: none;
}
#visas .visa_section {
color: #ff0000;
font-size: 18px;
line-height: 1;
padding-top: 6px;
}
#visas span {
font-size: 14px;
font-weight: bold;
text-decoration: none;
}
.visa_0 {
color: #00aa44;
}
.visa_1 {
color: #008866;
}
.visa_2 {
color: #006688;
}
.visa_3 {
color: #0044aa;
}
th.table-sortable {
cursor: pointer;
}
th.table-sorted-desc {
background-image: -moz-linear-gradient(center bottom , #9bd1eb, #fbfeff);
cursor: pointer;
}
th.table-sorted-asc {
background-image: -moz-linear-gradient(center top , #9bd1eb, #fbfeff);
cursor: pointer;
}
.hoteltbl {
border: 1px solid #ccc;
border-radius: 6px;
border-spacing: 0;
box-shadow: 0 1px 1px #ccc;
width: 100%;
}
.hoteltbl tr.alternate {
background-color: #f8f8f8;
}
.hoteltbl tr:hover {
background: #fbf8e9 none repeat scroll 0 0;
transition: all 0.1s ease-in-out 0s;
}
.hoteltbl td, .hoteltbl th {
border-top: 1px solid #ccc;
padding: 4px;
vertical-align: top;
}
.hoteltbl td {
text-align: center;
}
.hoteltbl td:first-child {
padding-left: 8px;
text-align: left;
}
.hoteltbl td:last-child {
padding-right: 8px;
text-align: right;
}
.hoteltbl th {
background-color: #eef9fd;
padding: 0.5em 0.1em;
text-align: center;
vertical-align: middle;
}
.hoteltbl thead th {
border-bottom: 4px solid #808080;
}
.hoteltbl tfoot th {
border-top: 4px solid #808080;
}
.hoteltbl thead th:first-child {
border-radius: 6px 0 0;
}
.hoteltbl thead th:last-child {
border-radius: 0 6px 0 0;
}
.hoteltbl th:only-child {
border-radius: 6px 6px 0 0;
}
.hoteltbl tr:last-child td:first-child {
border-radius: 0 0 0 6px;
}
.hoteltbl tr:last-child td:last-child {
border-radius: 0 0 6px;
}

[somaye-s]

#nav li ul {
background-color: #0d86cb;
border: 1px solid #ffffff;
margin-top: 2px;
opacity: 0.8;
position: relative;
z-index : 1000;

}



دو خط اخر رو به قسمت مشخص شده از css خودتون اضافه کنید , درست میشه .
z-index : 1000 رو بخاطر این گاشتم که شاید اسلایدرتون هم z-index داشته باشه , پس باید z-index زیر منو بیشتر از اسلایدر باشه.