View Single Post
Old 01-20-2013, 08:54 AM   PM User | #4
SB65
Senior Coder

 
Join Date: Feb 2009
Location: West Yorkshire
Posts: 2,817
Thanks: 9
Thanked 681 Times in 675 Posts
SB65 will become famous soon enoughSB65 will become famous soon enough
No, this is a css issue - that is a suckerfish menu. There are two issues: #color_header is behind #main, and within #color_header .mainmenu is behind #pagetitle. Both of these mean that the drop down menu loses focus on :hover when the mouse moves down, and so the menu disappears.

Have a try making the following amendments to your css (style.php), in red:

Code:
#color_header {
    background-color: transparent;
    background-image: none;
    margin-top: -85px;
    max-height: 40px;
    position: relative;
    z-index:3
}

.mainmenu {
    background: none repeat scroll 0 0 transparent;
    height: 3em;
    position: relative;
    z-index: 2;
}

div#pagetitle.clearfix.row {
    background: none repeat scroll 0 0 transparent;
    position: relative;
    z-index: 1;
}
Incidentally, you have a style tag located between your head and body tags. I'd sort that as it may lead to unexpected behaviour.
__________________
Use the W3C HTML Validator and CSS Validator to check your code and Firebug to see what css is applied to an element
Read Steve Krug's book Don't Make Me Think - essential reading on web usability
I don't recommend much, but I do recommend Clook for UK web hosting

Last edited by SB65; 01-20-2013 at 08:59 AM..
SB65 is offline   Reply With Quote