When I mouse over links my page shifts a bit, either horizontaly or vertically, anyone know how to fix this? I tried taking out the Border-width and it didnt help.Thanks
<STYLE TYPE="text/css"><!--
A:link { text-decoration: none; color: #0000ff; font-weight:bold; font-face:arial }
A:visited { text-decoration: none; color: #990000; background-color: #000000; }
A:active { text-decoration: none; color: #0000FF }
A:hover { text-decoration: none; color: #FF0000 ;background-color: White; font-family:arial, verdana, tahoma, ms sans serif;font-size:12;border-color:White; border-width : 1px;}
-->
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
var event = 0; //for backwards compatibility.
var id = ""; //for backwards compatibility.
function rollBG(event,name,color) {
if (document. layers) { //test for communicator 4+
if (color==null)
var color = (event. type == "mouseover" ? "Silver" : "White";
document[name]. bgColor = color; //set the background color
}
}
</SCRIPT>
<STYLE TYPE="text/css"><!--
A:link { text-decoration: none; color: #0000ff; font-weight:bold; font-face:arial }
A:visited { text-decoration: none; color: #990000; background-color: #000000; }
A:active { text-decoration: none; color: #0000FF }
A:hover { text-decoration: none; color: #FF0000 ;background-color: White; font-family:arial, verdana, tahoma, ms sans serif;font-size:12;border-color:White; border-width : 1px;}
-->
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
var event = 0; //for backwards compatibility.
var id = ""; //for backwards compatibility.
function rollBG(event,name,color) {
if (document. layers) { //test for communicator 4+
if (color==null)
var color = (event. type == "mouseover" ? "Silver" : "White";
document[name]. bgColor = color; //set the background color
}
}
</SCRIPT>