Inspirion template works fine but sub-menu items are hard to click

[LorneVanSinclair]

The course has been great & I've launched my first Joomla! site, http://www.cecescott.com, for a photographer client. She's happy with it but we both find the top menu a bit finicky - sub-menu items are hard to click on. This is especially true if there is only one or two as they float left and may be some distance from the tab they're connected to (eg. the Contact Tab). As soon as your cursor leaves the tab they disappear unless you're careful to keep it on the menu bar as it travels across the screen. Of course clicking on the tab keeps them stable but not everybody does that.

I've considered removing the hover state from the css so the the sub-menus only appear when the tab is clicked, or centreing them on the bar so even if there's just two, they'll be closer to the tab. Neither of these are ideal, has anybody else had a problem with this? Is there perhaps a javascript function that can slow down the disappearing act or a way to place the sub-menu items directly under the tab they're connected to?

Any ideas will be much appreciated.

[Gheno]

I guess this can be helpful, on line 47 in dropline.css just delete the "left: 0" and that it will place the sub-menu items directly under tab they are connected to.

/* Second level lists hide by default */

#navbar li ul {
   display: none;
   margin: 0;
   padding: 0;
   position: absolute;
   top:30px;
   height: 28px;
   overflow:hidden;
/* left: 0; delete the left alignment*/
   width:100%;
}