Непонятки с css и hover

Привет.

Вот текст странички:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">
  <style type="text/css">
#calendar a {
    border:medium none;
    display:block;
    height:100%;
    width:100%;
    position:relative;
    color:#4B89C3;
    text-decoration:none;
}

#calendar a:hover {
    outline:1px solid #0C74CD;
}

#calendar.monthly table td {
    border:1px solid #EEEEEE;
    height:25px;
    margin:1px;
    padding:0;
    width:25px;
    background-color: #fafafa;
}

#calendar.monthly table a small {
    color:#AAAAAA;
    font-size:10px;
    padding:0 3px;
}

body {
    background:none repeat scroll 0 0 #FFFFFF;
    font:12px Arial;
}

  </style>

  <title></title>
</head>

<body>
    <table class="monthly" id="calendar">
    <tr><td>
        <table>
            <tr><td>
                <a/><small>2</small></a>
            </td></tr>
        </table>
    </td></tr>
    </table>
</body>
</html>

Вот так это выглядит в браузере:

hover работает (обводится синей рамочкой)

Вот так это выглядит в htmlayout (browse.exe):

hover не работает

ЧЯДНТ?

	От:	lost_guadelenn
	Дата:	31.08.10 14:02
	Оценка: