Latest Lists - HTML Lists?

HTML Lists?

I'm not entirely sure whether this question completely relates to the title but... I what to make a list in HTML where each entry is put upon a new line and even if the curor does not click on/mouseover the content of the entries themselves, dynamic processes can occur. I have tried this by using a definition list but I'm certain that this is not the way to do it: http://amazing.acestuff.googlepages.com/example.htm (Works in the way i want only in Firefox) Can anyone tell me the correct way of doing this? Hope my question makes sense, Thanks for any answers!

Public Comments

Create two CSS entries: .hlt td { background-color: yellow; color: black; } function roll(obj, highlightcolor, textcolor){ obj.style.backgroundColor = highlightcolor; obj.style.color = textcolor; } * * * * * Add a javascript: <script type="text/javascript"> function mouse_event(obj, newClass) { obj.className = newClass; } </script> * * * * * Create a list, using table. For each table row: <tr onmouseover="mouse_event(this, 'hlt');" onmouseout="mouse_event(this, '');">
The css :hover pseudo-class should work in Firefox, and IE7 (with a correct DOCTYPE) - css: #mylist li:hover { background: red; } html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ... <ul id="mylist"> <li>One</li> <li>Two</li> <li>Three</li> </ul> If you need it to work in IE6, you can either use some DOM scripting (see last source link), or you could do something with anchors: #mylist li a { text-decoration: none; color: black; } #mylist li a:hover {background: red;} <li><a href="#">One</a></li>