i have a few problems with a personal page that renders okay in firefox
but not so well in IE 6. my first problem is as follows: i want my links
to look like boxes with a black solid border on all sides and when the
user hovers over a link i want the border style to change to dashed. the
following example works fine in firefox but in IE the bottom border
doesnt change to dashed style.
an interesting aside, if i remove the following from "div#nav a" and put
it into "div#nav" i will also lose the TOP border in IE:
font-family: helvetica, sans-serif;
font-size: 14px;
z-index: 3;
website: http://www.onejasonforsale.com/
stylesheet: http://www.onejasonforsale.com/stylesheet.css
example html:
<div id="nav">
<a href="front.html">home</a>
</div>
most relevant css:
div#nav
{
position: absolute;
top: 90%;
left: 3%;
z-index: 2;
}
div#nav a
{
color: black;
background-color: white;
margin: 2em 0.5em;
padding: 0.10em 0.30em;
font-family: helvetica, sans-serif;
font-size: 14px;
z-index: 3;
filter: alpha(opacity=50);
-moz-opacity: 0.50;
opacity: 0.50;
border-top: 2px solid #000000;
border-bottom: 2px solid #000000;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
}
div#nav a:hover
{
border-style: dashed;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
