カーソルを当てると真下に説明文が来て困ってます。

質問

<div class="sub3"><img src="○○.gif">
<a href="http:○○.html"
onmouseover="txt4.style.display='block'" onmouseout="txt4.style.display='none'">
○タイトル○</div></a>
<span id="txt4" style="display:none;position:absolute; border:3px solid #ff0000;color:#FF0099;background-color:#FFFFCC;">
○説明文○
</span>

と記入したのですがカーソルを当てると説明文が
真下に来てしまいます。
右横に来るようにするにはどうしたら良いでしょうか？

なお<div class="sub3">というのは
.sub3 {
width: 180px;
　　　 height: 8px;
　　　 padding: 2px 7px 0px 0px;　
　　　 font-weight: bold;
　　　 color: #ff69b4;
font-size:11px;
}
という定義です。
どうしたら真下でなく横に説明文の枠が来るようにできますか？

回答No.1

Muller3

<div class="sub3"><img src="○○.gif">
<a href="http:○○.html"
onmouseover="txt4.style.display='block'" onmouseout="txt4.style.display='none'">
○タイトル○</a>
<span id="txt4" style="display:none;position:absolute;top:10px;right:0px; border:3px solid #ff0000;color:#FF0099;background-color:#FFFFCC;">
○説明文○
</span></div>

.sub3{
width: 180px;
height: 8px;
padding: 2px 7px 0px 0px;　
font-weight: bold;
color: #ff69b4;
font-size:11px;
position:relative;
}

とりあえずOpera8.51、IE5.2、Safari2.03ではOKでしたが、もじら系のFirefoxやCaminoではこのイベント、見えません。