В IE глючит рамка при наведении

[ags]

Вот код таблицы. Там три колонки, при наведении на каждую меняется цвет. Но только в експлорере пунктирная рамка иногда перебивается какой-то черной.

<TABLE height=230 cellSpacing=0 cellPadding=0 border=0>
 <TBODY>
 <TR>
 <TD vAlign=top width=454>
 <table border=0 width=100%>
 <tr height=176>
 <td align=left>
 <div onclick="makeselect_s(1);" onmouseover="mouse_over(1);" onmouseout="mouse_out(1);">
 <table id=s1 style="border-color: #ABABAB; border-style: dashed; border-width: 1">
 <tr height=176><td width=132 align=center>

 <font style='FONT-SIZE: 75%; COLOR: #000000; FONT-FAMILY: Verdana'>
 Первая колонка


 <script>
 prbtn("c1b1","Ctr + 1");
 prbtn("c1b2","Ctr + 2");
 prbtn("c1b3","Ctr + 3");
 </script>


 </font>

 </td></tr>
 </table>
 </div>
 </td>
 <td align=center>
 <div onclick="makeselect_s(2);" onmouseover="mouse_over(2);" onmouseout="mouse_out(2);">
 <table id=s2 style="border-color: #ABABAB; border-style: dashed; border-width: 1">
 <tr height=176><td width=132 align=center>

 <font style="FONT-SIZE: 75%; COLOR: #000000; FONT-FAMILY: Verdana">
 Вторая колонка


 <script>
 prbtn("c2b1","Ctr + 4");
 prbtn("c2b2","Ctr + 5");
 prbtn("c2b3","Ctr + 6");
 </script>


 </font>

 </td></tr>
 </table>
 </div>
 </td>
 <td align=right>
 <div onclick="makeselect_s(3);" onmouseover="mouse_over(3);" onmouseout="mouse_out(3);">
 <table id=s3 style="border-color: #ABABAB; border-style: dashed; border-width: 1">
 <tr height=176><td width=132 align=center>

 <font style="FONT-SIZE: 75%; COLOR: #000000; FONT-FAMILY: Verdana">
 Третья колонка


 <script>
 prbtn("c3b1","Ctr + 7");
 prbtn("c3b2","Ctr + 8");
 prbtn("c3b3","Ctr + 9");
 </script>


 </font>

 </td></tr>
 </table>
 </div>
 </td>
 </tr>
 </table>

А вот еще явакод:

<script>
var cur_c=1;
var arr_names=new Array();
var arr_links=new Array();


for(i=1;i<=9;i++) {
 arr_names[i]="Кнопка "+i;
 arr_links[i]="http://";
}

function prbtn(id,prname) {
 document.write("
<table style='FONT-SIZE: 75%; COLOR: #000000; FONT-FAMILY: Verdana' background='pr_1.gif' width=101 height=22 id="+id+"><tr><td align=center>"+prname+"</td></tr></table>");
}
function makeselect(n) {
 for(i=1;i<=3;i++) {
 for(a=1;a<=3;a++) {
 document.getElementById("c"+a+"b"+i).background="pr_1.gif";
 }
 }
 document.getElementById("c"+cur_c+"b"+n).background="pr_2.gif";
}
function makeselect_s(n) {
 for(c=1;c<=3;c++) {
 arr_names[(cur_c-1)*3+c]=document.getElementById("name"+c).value;
 arr_links[(cur_c-1)*3+c]=document.getElementById("link"+c).value;
 } 

 cur_c=n;
 for(i=1;i<=3;i++) {
 document.getElementById("s"+i).style.backgroundColor="#ffffff";
 }
 document.getElementById("s"+n).style.backgroundColor="#F7F7F2";
 makeselect(1);
 document.getElementById("name1").select();

 for(c=1;c<=3;c++) {
 document.getElementById("name"+c).value=arr_names[(n-1)*3+c];
 document.getElementById("link"+c).value=arr_links[(n-1)*3+c];
 }
}
function mouse_over(n) {
 document.getElementById("s"+n).style.backgroundColor="#FBFBF8";
}
function mouse_out(n) {
 if(n==cur_c) {
 document.getElementById("s"+n).style.backgroundColor="#F7F7F2";
 } else {
 document.getElementById("s"+n).style.backgroundColor="#ffffff";
 }
}

function holdplace(i,h) {
 if(document.getElementById(i).value=="") {
 document.getElementById(i).value=h;
 }
}

function next() {
 a=cur_c;
 a++;
 if(a>3) { a=1; }
 makeselect_s(a);
}

</script>

Что тут не так?