Okay, you can view my website here. http://www.atlassystems.co
In order for better menu spacing i've changed the following code:
.nav li a{
display:block;
float:left;
padding:6px 10px;
width:87px; (<--- Changed this from 100px)
border: none;
text-decoration: none;
line-height: 18px;
outline: none;
}
and this code...
.nav li a span{
display:block;
font-size: 14px; (<--- Changed from 10px so the second line font is bigger)
}
The issue is that because I've changed these the drop down menu appears when you highlight over the menu but when you try to go down to the actual menu item with the mouse it disappears. Leaving you unable to actually click a drop down menu item. This only happens in IE that i'm aware of, but it's still an issue. What do I need to change in order to sort this out? Thanks a lot, the support here is fantastic!














