Hi. This is in reference to our custom design at http://qarrtsiluni.com where we add CSS to the existing stylesheet for iNove. I haven't changed anything in the stylesheet in months. I just noticed on Friday that, in the latest version of Firefox, the dropdown menu lists (for "author index" and "guidelines") have suddenly moved up so that they block the menu links. In IE 8, the dropdowns don't display at all. In Chrome, Safari for Windows and Opera, they display correctly.
Does anyone have any idea what's going on with iNove, and how I might correct it? Thanks to anyone who can offer advice. I'm far from a CSS expert, just a trial-and-error kind of guy. Let me paste in all the additional code we're using for header and menu items, in case it's a positional issue somehow.
#header {
background:url('http://qarrtsiluni.files.wordpress.com/2009/09/banner-for-inove.jpg') 0 0 no-repeat;
height:150px;
border-bottom:1px solid #A6A6A6;
}
#title a {
text-decoration:none;
font-family:helvetica;
font-size:50px;
height:45px;
letter-spacing:7px;
}
#caption {
padding:0 30px;
}
#tagline {
color:#c9e45a;
border-top:none;
font-size:22px;
float:right;
padding:0 3px 3pt;
}
#menus li a {
background-image:none;
text-transform:uppercase;
margin-left:0;
float:left;
padding:0 15px;
}
#menus li a:hover {
background:none;
text-decoration:underline;
color:#2970a6;
}
#menus li a.home {
display:none;
}
#menus li a.lastmenu {
display:none;
}
The blog I need help with is qarrtsiluni.com.