I have a Nav Menu made from a list item. Underneath an LI is another UL. In order to position and hide the sub menu until hover, it was positioned absolute.

Hovering over the list item that reveals the drop down menu creates some strange events with PIE. Here is a list of the strange events:1)Hover over the correct LI and then move away to the left or right over the next LI. The background still appears even though it should not once you leave the correct LI.2)I had to use display hidden, because when you hover over the LI the background appears quite a bit down the page and off to the right until you are below the LI at which time it "moves" to the correct position.3)Coming into the LI from the other LI items to the left and right of the target LI will show the menu but no background so you can't read the menu. Once you drop down below the LI the background shows up. I am sure this has something to do with #2.

I was able to get it working somewhat on IE8, but in compatibility mode (IE7 effectively) that was a no go. The behavior was strange enough and the drop down menu hid behind a div even though I attempted to add z-index and also relative positioning. Just wouldn't work.

/*IE8-PIE Quirk*/width:100%;/*jog this and the margin-left to cover only the background with the hover color*/ /*IE8-PIE Quirk*/margin-left:-3.8%; /*jog this and the width to cover only the background with the hover color*/

.mainnav ul li:first-child>a:hover /*allows more space between main list and first list item when hovered too--tricky!*/ { margin-top:3%;

}

I am primarily sending this so the developers can test my findings and improve PIE for use with drop down menus. At this time, I am using PIE for the site even with it's quirks. They aren't bad enough to be a problem, just not as professional looking as I would like.

Many other affects on static items such as backgrounds, rounded corners, etc works great, so keep up the good work.

I am using the Beta 2.0 version.

A noteworthy item. I had to make adjustments without PIE (before I found PIE) and those are the /*IE* comments*/ Later I added PIE and called those adjustments /*IE8 Pie Quirk*/ so you can keep apart the regular IE8 adjustments from the ones that PIE required.

Who is online

Users browsing this forum: Yahoo [Bot] and 2 guests

You cannot post new topics in this forumYou cannot reply to topics in this forumYou cannot edit your posts in this forumYou cannot delete your posts in this forumYou cannot post attachments in this forum