Change pop-up to mouse-over

I have a pop-up message box, that I'd like help changing to a mouse-over message box.

Any help would be appreciated. Thanks

	  <style>
      .msg { display:block; position:absolute; top:300px;
      left:300px; width:350px; background-color:#eeeeff; border-style:solid;
      border-width:1px; padding:15px 20px 5px 20px; }
      .msgclose { text-decoration:none; font-size:0.9em;
      font-variant:small-caps; margin-top:10px; }
      </style>

            <div id="popupMsg" class="msg">
	        You must read this message.<br>
	        This is a test message box <br />
	        <div style="width:100%; text-align:right;">

	        <a class="msgclose" href="#" onclick="document.getElementById('popupMsg').style.display = 'block';
	        return false;"><font color="#800000">Close Window</font></a>
	  	  </div> [CODE]

Code (markup):

 

what you mean by this? an "on-mouse-over" tooltip? or a static absolute positioned message box?

 

<a href="javascript:void(0)" onmouseover="document.getElementById('popupMsg').style.display = 'block'">