Ive created a menu where the links use css.. Whats supposed to happen is when you hover the background, text and border change..
It works fine in Firefox but with IE the border only appears on the left bottom and right sides not the top...
The code is..
HTML Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
.navbar {
background-color:#CDCFD8;
font-size:10px;
text-align:center;
height:25px;
}
.navbar a {
font:10px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #000000;
border: 1px solid #CDCFD8;
padding: 3px;
}
.navbar a:hover{
color: #E6E6E6;
background-color: #CC0000;
border: 1px solid #000000;
padding: 3px;
}
</style>
</head>
<body>
<table width="100% border="0">
<tr>
<td class="navbar">
<strong><a href="#" target"_top">Home</a></strong> |
<strong><a href="#" target"_top">Other Link</a></strong> |
<strong><a href="#" target"_top">Another Link</a></strong>
</td>
</tr>
</table>
</body>
</html>
and an example @ http://www.xionet.co.uk/temp/css.htm
I hope someone can help I really need to solve this as most the visitors will be using IE..
Thanks 
--James 
Last edited by Dark-Skys99; 11-05-2004 at 05:28 PM..
|
