giving the background for hover title text
===

may be it's a simple but i didnt find the solution

i wrote the following code.

    <style>
    span.dropt {border-bottom: thin dotted; background:white;}
    </style>
     
    <html><body>
    <span class="dropt" title="Title for the pop-up">Hot Zone Text
     </span>
    </body>
    </html>
  here,what i want is,i want  to give the background color/image for "Title for the pop-up" when hover the cursor.i tried but i didnt get the solution.can any one help me...