Dropdown menu fails in ie7?

Looks to me like the menu is sitting behind the slider container. You could use the z-index attribute to ensure that the menu block always appears above the slider block. For example, the div that holds the slider you can set a z-index of 1, and then set the menu a z-index of 2 or above.

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

My jquery dropdown menu is fails in IE7 or IE8 Compatibility view. I use this jquery for the dropdown menu in the below link: var timeout = 1000; var closetimer = 0; var ddmenuitem = 0; function jsddm_open() { jsddm_canceltimer(); jsddm_close(); ddmenuitem = $(this). Find('ul').

Css('visibility', 'visible');} function jsddm_close() { if(ddmenuitem) ddmenuitem. Css('visibility', 'hidden');} function jsddm_timer() { closetimer = window. SetTimeout(jsddm_close, timeout);} function jsddm_canceltimer() { if(closetimer) { window.

ClearTimeout(closetimer); closetimer = null;}} $(document). Ready(function() { $('. Menu ul > li').

Bind('mouseover', jsddm_open) $('. Menu'). Bind('mouseout', jsddm_timer)}); document.

Onclick = jsddm_close; http://www.urbanlifefeed.com/cruise_ulf/ And this is the css: div. Menu { height:49px;} div. Menu ul { /*width:886px; margin:0 7px;*/ width:921px; margin:0; background:url(images/nav_bg.

Gif) repeat-x 0 0; float:left; border-left: 1px solid #FFFFFF; } div. Menu ul li { font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:21px; line-height:49px; padding:0 12px; text-transform:uppercase; float:left; border-right: 1px solid #FFF; position:relative; } div. Menu ul li ul { position:absolute; top:49px; left:0; width:280px; border:0px; -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; background:url(images/sub_nav_bg.

Png) repeat 0 0; z-index:999999! Important; visibility:hidden; float:none; display:inline-block; } div. Menu ul li ul li:hover {background:url(images/sub_nav_bg.

Png) repeat 0 0;} div. Menu ul li ul li { border:0px; border-bottom:1px solid #f4c726; width:256px;; float:left; } div. Menu ul li ul li a { color:#f4c726; text-transform:capitalize;} div.

Menu ul li:hover{ background:url(images/nav_roll_bg. Png) repeat-x center 0; } div. Menu ul li a { color:#FFF; text-decoration:none; float:left; height:49px; width:100%; } div.

Menu ul li a:hover{ color:#fbf0cc; } javascript jquery css internet-explorer-7 link|improve this question edited Apr 8 '11 at 13:03Marcel Korpel9,21821427 asked Apr 8 '11 at 12:49Chandu vkm1059 78% accept rate.

1 It's always a good idea to explain how you code fails. What are you expecting to happen and what happens instead? Do you get any errors?

Describe the problem you have, if you want somebody to solve it. – sth Apr 8 '11 at 13:04 1 use and understand clearfix webtoolkit. Info/css-clearfix.

Html replace content: ". "; with content: "\00A0"; which will get replace the dot with a white space... – Val Apr 8 '11 at 13:05 IE7 or IE8 Compatibility view. The the menu is going to the behind the banner – Chandu vkm Apr 8 '11 at 13:11 Please see satzansatz.de/cssd/onhavinglayout.html#s... – Marcel Korpel Apr 8 '11 at 13:20.

1 z index of the slider is 1 for that menu its z-index: 999999! Important; – Chandu vkm Apr 8 '11 at 13:14 Have you tried setting a z-index to the tags? – Liam Spencer Apr 8 '11 at 14:09 When using z-index, don't forget that the element's position CSS attribute needs to be explicitly set.

Otherwise, z-index will have no affect. – Jon Freeland Apr 8 '11 at 18:30.

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.