I have a very simple hover function that appears to work fine in everything except IE9 (possibly IE8 and below too, haven't tested them).
Non-IE browsers do this;
IE9 does this;
I suspect from reading various post that it may be to do with the tag...but even that seems to be setup ok to me.
I'm a bit of a html/css/php noob, so it's probably something simple and obvious.
Any help would be much appreciated.
Relevant code;
CSS File
#nav {
width: 960px;
height: 40px;
border-bottom: 1px solid #ccc;
}
#nav a {
display: inline;
padding: 10px;
text-decoration: none;
background-color: #f1f1f1;
}
#nav a:hover {
background-color: #bababa;
height: 80px;
}
PHP File