IE Css dropdown menu problem?

In my experience IE gets a bit buggy when you don't set the positions of an absolute positioned object. Like top: 0 and left: 0 for instance.

In my experience IE gets a bit buggy when you don't set the positions of an absolute positioned object. Like top: 0 and left: 0 for instance. Edit: Also, parent of the absolute positioned object should have position: relative; if the position should be using the parent dimensions as a starting point.

Edit2: li:hover doesn't work in IE6 I think. Can't remember about IE7. One of them will only accept a:hover, and browsers below maybe none of them.

JQuery solves things like that though. Edit3: I don't know what the nav stuff is, I haven't jumped to HTML5 so I don't know if it's relevant later. But anyway I've made something that works of your code.

Script (jquery): $(document). Ready(function() { $('#hmenu ul li'). Hover( function() { $(this).

Children('div'). Css('display','block'); }, function() { $(this). Children('div').

Css('display','none'); }); }); CSS: #hmenu { list-style:none; display:inline; float:right;} #hmenu ul{ list-style: none; text-align:center; background-color:#666666; float:left;} #hmenu ul li { width:128px; float:left; position: relative; display:inline-block;} #hmenu ul li:hover{ background-color:#cc3333; cursor:pointer;}#hmenu ul li a { color:#ffffff; padding:10px;} #hmenu ul { background: #222 url('../images/overlay. Png') repeat-x; color: #fff; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); cursor: pointer } . DdenMenu { display: none; position:absolute; top: 60; left: 0; z-index: 150; background: #222 url('../images/overlay.

Png') repeat-x; color: #fff; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); cursor: pointer; width: inherit;} (sorry for the formatting, bit new to this, but you can apply source formatting in your editor I guess. I changed the navs to have the id and changed the HTML nav to be div. That's it.

HTML: menu1 menu2 submenu1 submenu2 submenu3 submenu4 menu3 menu4.

Thanks, i'll look into it. – Alka Jan 21 at 1:17 I tried it but it didn't work. More info added to OP.

– Alka Jan 21 at 11:44 Thanks! It worked! I don't think IE is ready for html5.

– Alka Jan 21 at 12:43 It's definitely not, just wasn't sure where you picked up the nav and section stuff :) Glad I could help – neXib Jan 21 at 12:46 The nav element defines a section intended for navigation, in html5. So that's why I was using it but it's not worth the trouble! ^^ – Alka Jan 21 at 13:26.

You cannot have a tag named nav change it to div and try again.

I fixed that problem already with some javascript I picked up somewhere - got there through google, can't remember the name of the site. – Alka Jan 20 at 23:28 Yes, we can! (with a hack) – Å ime Vidas Jan 21 at 0:23 @Å ime Vidas - but would you consider it as a good practice?

– Atul Dravid Jan 21 at 10:47 I have the feeling that you don't know about the HTML5 element: html5doctor. Com/nav-element All modern browsers support it. IE doesn't, but there are ways to make it work in IE.

Using the nav element is a good practice, yes. – Å ime Vidas Jan 21 at 13:32 @Å ime Vidas - yes you are right... I really didn't know about it. Thanks for link :) – Atul Dravid Jan 21 at 15:08.

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.