Page 1 of 1

[solved] Left Simple Navigation + 1 Column display problem with child menus

Posted: Sun Sep 30, 2007 6:38 pm
by TJINAK
Thank you for reading.

I'm currently working on the deisgn layout for this site:

http://redoubtrealty.com/

When using IE 7 I notice that the child menus for "Kenai Peninsula Land" are very hard to navigate. The menu disappears before I can navigate down the navigation list.  My thinking is that it has to do with the space between each menu title.  I noticed this is not a problem when viewing the site using firefox.  Perhaps there is a css hack that I need to employ to get around this problem?

I'm using the template Left simple navigation + 1 column, which is using the Navigation: simple -verticle menu template. 

I'm not sure where I would need to start editing to resolve this issue - a stylesheet or within the template for the menu...

Please advise if possible.

Thank you for your time and consideration,

TJ

Re: Left Simple Navigation + 1 Column display problem with child menus

Posted: Sun Sep 30, 2007 11:34 pm
by Dr.CSS
You could try...

#static_nav a{display:block}

Re: Left Simple Navigation + 1 Column display problem with child menus

Posted: Mon Oct 01, 2007 12:26 am
by TJINAK
Well Mark you got me thinking and I found a solution.

Not the best because I think it take away from the overall look of the menu but I made this change:

#primary-nav li {
  margin-bottom: -2px;
   position: relative;
}

This pulled the ul and li items together close enough that the white space did not colapse the menu bar.

TJ