Menu bar child menu is hiding under javascript slider?

Adding something like the following to your CSS should make the menu list over the slider.

Up vote 0 down vote favorite share g+ share fb share tw.

{margin:0 auto;padding:0;font-family:verdana;font-size:12px;line-height:16px;} body {background-color:#609fdf;color:#4d4c4c;padding:40px 0px} #main {width:1085px;} #main_container {background:url(img/background. Png) repeat-y;} #content {background:url(img/content. Gif) repeat-x #c9cbcc;min-height:470px;margin:0px 34px;padding:20px;} #content_top {background:url(img/background_top.

Png);height:47px;} #content_bottom {background:url(img/background_bottom. Png);height:40px} . Right {float:right} .

Left {float:left;} . Center {text-align:center} . Clear {clear:both} .

Mar-t {margin-top:10px} . Mar-b {margin-bottom:10px} #header {margin-left:35px;margin-bottom:21px;} #header_menu {width:1015px;text-align:center;float:right;position:relative;right:32px;top:-27px;margin-right:2px} #header_menu a {color:#fff;font-size:14px;line-height:40px;} #header_menu ul {float:right;z-index: 10;} #header_menu ul ul {display:none;} #header_menu li {float:left;background:url(http://edutube. In/word4/wp-content/uploads/2011/10/navbarLeft.

Png) left top no-repeat;margin-left:5px;} #header_menu li a {display:block;padding:0px 15px 7px 4px;background:url(http://edutube. In/word4/wp-content/uploads/2011/10/navbarRight. Png) right top no-repeat;margin-left:10px;} #header_menu li.

Current_page_item {background:url(http://edutube. In/word4/wp-content/uploads/2011/10/navbarLeft. Png) no-repeat 0px -47px} #header_menu li.

Current_page_item a {background:url(http://edutube. In/word4/wp-content/uploads/2011/10/navbarRight. Png) no-repeat right -47px} #header_menu li:hover ul { display:block; } #header_menu li:hover ul ul{ display:none; } #header_menu li:hover {position:relative;} #header_menu ul ul {display:none;border-left:1px solid #940e0f;width:200px;border:1px solid #940e0f;position:absolute;} #header_menu li li{margin:0px;float:none;background:#fff;text-align:left;padding:5px 5px 0px 0px;border-bottom:1px solid #940e0f;position:relative;} #header_menu li li:last-child {border-bottom:none} #header_menu li li a {background:none;color:#000;font-size:11px;line-height:11px;} #header_menu li li a:hover {color:#940e0f;} #header_menu li li:hover ul { display:block; } #header_menu li li.

Current_page_item {background:#fff;} #header_menu li li. Current_page_item a,#header_menu li. Current_page_item li a {background:none;} #header_menu li li.

Current_page_item a {color:#940e0f} #header_menu ul ul ul {position:absolute;left:200px;top:-1px;border-top:1px solid #940e0f} #header_menu li li. Current_page_item li a {color:#000} #headerImg {position:relative;top:-10px} ul {margin:15px 0px;list-style-type:none;} ul li {line-height:25px;background:url(img/point. Gif) no-repeat 0px 9px;} #content ul li {padding-left:20px} ul ul{margin:0px} ol {margin:15px 0px} ol li {line-height:20px;margin-left:20px;} ol ol {margin:0px} ol ol li {margin-left:40px;} a {color:#940e0f;text-decoration:none;} a:hover {text-decoration:underline} a img {border:none;} #left a {color:#a8897b} #left a:hover {color:#940e0f;text-decoration:none} #header_menu a:hover {text-decoration:none;color:#ddd;} h1,h2,h3,h4,h5,h6,h1 a {clear:both;font-family:times new roman;font-style:italic;text-decoration:none;color:#000;margin:15px 0px} h1 {font-size:30px} #left h2, h1.

Title,h1. Title a {font-weight:100;line-height:33px;font-size:20px;padding-left:10px;} h1. Title, h1.

Title a {margin-bottom:20px;color:#fff;} h1. Title a:hover {color:#ddd;text-decoration:none} h1. Title {background:url(img/big_line.

Gif) repeat-y;} #header h1 a {font-size:35px;color:#940e0f;font-weight:100;} #left h2 {background:url(img/small_line. Gif) no-repeat;color:#dcdcdc;} h2 {font-size:24px;} h3 {font-size:18px;} h4 {font-size:14px;} h5 {font-size:12px;} h6 {font-size:10px;} #left {float:left;width:260px;margin-right:25px;color:#f9f6a6;background:#000;padding:10px;margin-top: -350px;} #right {float:left;width:670px;} table {width:100%;margin:15px 0px;} table td {padding:5px} #right table {border:1px solid #888;border-collapse: collapse;} #right th {padding:5px;text-align:left;color:#000;background:#fff;font-weight:100;font-size:14px;border-bottom:1px solid #888;} #wp-calendar caption {background:#494747;padding:2px 0px;color:#fff;margin-bottom:10px;} #wp-calendar td {text-align:center;padding:3px} #wp-calendar td. With-posts { background: #494747; } #wp-calendar td.

With-posts a { color: #fff; } #wp-calendar td. With-posts a:hover {text-decoration:underline;} #wp-calendar #prev,#wp-calendar #next {background:none;} #footer {position:relative;top:-23px;margin-right:40px;color:#fff} p {margin:15px 0px} small {font-size:11px} sub,sup,small {font-size:11px} acronym,abbr {cursor:help} code, pre { font-family: Courier;background:#fff;} code *, pre * {font-family: Courier;} pre {padding:10px;} blockquote {font-style:italic;padding-left:15px;padding- top:1px;background:url(img/quote. Png) no-repeat 0px 5px;text-indent: 2em;} q {font-style:italic;} dt {font-weight:700} dd {margin-bottom:15px;} big {font-size:14px} kbd {font-family:courier} tt {font-family:monospace;} .

Nav {text-align:center;} . On {background:#fff;padding:3px} #comment {width:520px;height:130px;margin:10px 0px;border:1px solid #940e0f} #commentform input {display:block;width:300px;} . Comment {background:#eee;border:1px solid #940e0f;margin:10px 0px;padding:20px 20px 5px 20px} .

Comment-author img {float:left;margin-right:10px;} . Bypostauthor {border:1px solid #f00} . Pingback {background:#eee;margin:10px 0px;padding:20px 20px 5px 20px} .

Trackback {background:#eee;margin:10px 0px;padding:20px 20px 5px 20px} input,textarea,select {display:block;padding:5px;border:1px solid #940e0f;margin:5px 0px;} inputtype=submit {background:#940e0f;color:#fff} inputtype=submit:hover {cursor:pointer;} label {color:#000;} #left label {color:#f9f6a6;} #searchform #s {width:100px;} #right img { max-width: 99%; } . Icon {display:inline;padding:5px 0px 5px 22px;line-height:25px;font-size:11px;margin-right:3px;} . Icon a {font-size:11px} .

Author {background:url(img/author. Png) no-repeat} . Comments {background:url(img/comments.

Png) no-repeat} . Time {background:url(img/time. Png) no-repeat} .

Categories {background:url(img/category. Png) no-repeat} . Edit {background:url(img/edit.

Png) no-repeat} . Tag {background:url(img/tag. Png) no-repeat} .

PostContent,. PageContent {clear:both} #footer_menu {width:100%;text-align:center;clear:both;position:relative;top:25px} #content #footer_menu li {display:inline;background:none;margin-top:0px} #content #footer_menu ul ul {display:none;} . Wp-caption {background:#fff;padding:10px;text-align:center;} .

Aligncenter {display:block;clear:both;margin:auto;} . Alignnone {margin-left:0px;} . Alignleft {float:left;margin:5px 10px 5px 0px} .

Alignright {float:right;margin:5px 0px 5px 10px} . Wp-caption-text {margin:5px 0px;} . Attachment-post-thumbnail {float:left;margin:0px 15px 10px 0px} #content .

Gallery a:hover img {border:2px solid #940e0f;} #content . Gallery {background:#fff;} . Gallery-caption {} .

Sticky {} #right . Format-aside h1 {background:none;margin:0px;padding:0px;position:relative;top:10px;} #right . Format-aside h1 a {font-size:11px;font-style:normal;font- family:verdana;color:#940e0f;margin:0px;padding:0px;} and now my problem is that the side bar I need it to be over the slider (nivoslider which I am using) so that the side will be on the top of the slider and the slider will be as usual the z-index I have tried is not working so what is the solution for this link of the site is below link html css link|improve this question edited 11/107 at 15:41Leo1,374211 asked 11/108 at 13:37user101524672.

Adding something like the following to your CSS should make the menu list over the slider : #left { position: relative; z-index: 10000; } For the z-index property to work, you need to have position: relative or position: absolute on your element.

Thank you its working – user1015246 Oct 28 '11 at 17:10.

Wrap the flash movie in a DIV that has a higher z-index than the menu Set the parameter wmode="opaque" on your embed code, this is most likely the issue.

No this is not flash it is jst a nivo slider – user1015246 Oct 28 '11 at 17:09.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.