Navigation:CSSMenu Vertical

[Tracy]

Hello; I have noticed the linking effect with the Navigation:CSSMenu-Vertical has a bit of a flaw when trying to reach the last links in the line. For example from line Default Extensions  / Modules / Tags .  Upon Hovering there seems to be too much space and it loses contact and the link disappears before I'm able to click it. I thought it was something I had done editing the menu for my own so I've tested it out on the demo one, my client's and my own and it is all the same. Has anyone noticed this as well?  here is a link;

http://www.birdphotos.ca/index.php?page ... and-grebes

What can I adjust to fix it? I haven't even played with the CSS file for it. I would like to use it.  I did test it in FF and of course it is better but I want it to work in IE as well.

I'm using version CMS 1.4.1

Thanks 

[sn3p]

The problem only occurs in IE7, and seems to be caused by the css min-height property.

Code: Select all

#primary-nav li, #primary-nav li.menuparent { 
   background-color: #ececec;
   min-height:1em; /* Fixes IE7 bug*/
}

I think it should be fine when you remove the min-height.

[Tracy]

thankyou so much. I will give it a try

[Tracy]

Yes that did work. Thankyou for your help!

[sn3p]

[Solved] ?

[Dr.CSS]

@Tracy

He is asking you to put [solved] in the subject of the first post...

[Tracy]

Ok, it still is not working. The child links(?) disappear before my cursor can reach them. This is only in IE. 

I've made up my own. Thanks anyways

[wibby]

Same happens to me even useing the simple version not the CSS version.

Removing this line doesn't help at all

As you can see here
http://www.rjlewis.co.uk/index.php?page=projects

Any help would be great!

[Dr.CSS]

I've had to add some CSS to target ie7 to make drop down menus work...


{literal}
#priary-nav li {margin-bottom: -3px;}
#primary-nav li.menuparent:hover {margin-bottom:-4px;} /* a HACK!!! for IE7 */{/literal}