image rollover with html formatted text?

[garydoodlesack]

I have an image of a map. I have done a simple css rollover of a few rectangles.
What I want to do is have the popup window should images and nicely formatted text.

What I have so far is a not too slick looking (circa 2003) popup:
<ul id="map">
<li><a class="paris" href="#" title="Paris><span><b> 1. Paris</b><br>
<img src="http://www.wpclipart.com/buildings/famous/Eiffel_Tower/Eiffel_Tower_1.png" width="40" height="87"> <br>
-American Embassy lecture <br>
- Lecture by famous Algerian author Yasmina Kadra <br>
- Lectures on French history and immigration <br>
- NGO lecture<br>
- Paris architecture lecture <br>
- Visits to the National Assembly, Institut du Monde Arabe,
Café de la Mosquee, Latin Quarter, Bastille, Hotel de Ville,
Hotel de Ville and Notre Dame
</span></a></li>

I would like to have bullet points and text that wraps around the image. etc.

Any pointers on how to accomplish this?

Many thanks!

[Erdelyi]

Rollover refers to a button created by a web developer or web designer, found within a web page, used to provide interactivity between the user and the page itself. The term rollover in this regard originates from the visual process of "rolling the mouse cursor over the button" causing the button to react (usually visually, by replacing the button's source image with another image), and sometimes resulting in a change in the web page itself. The part of the term 'roll' is probably referring to older mice which had a mechanical assembly consisting of a hard rubber ball housed in the base of the mouse