Replacing divs inside ul tag w/ Definition Lists

Current Problem: the divs used inside the ul tag is not allowed and not 
compatible with the (X)HTML doctype.

What steps could resolve the problem?
1.Use a Definition List
2.see  6: Styling a definition list to look an image gallery 
(http://www.maxdesign.com.au/articles/definition)
3. Update the CSS and the js file

What is the expected output? What do you see instead?
For example, the following could be used:

<div id="thumbs" class="navigation">

<dl class="thumbs noscript"><!-- replaces the ul.thumbs tag -->
<dt>Title #1</dt><!-- replace image-title with div.navigation dt -->
<dt><a class="thumb" name="img1" href="img/pfolio1.jpg" width="576" 
height="361" title="Title #0"><img src="img/pfolio1sm.jpg" alt="Title #1"/></a>
</dt>                           <dd>Description</dd><!-- replace image-desc with div.navigation dt 
img -->
</dl>

What version of the product are you using? On what operating system?
jquery-1.3.2.js, jquery.galleriffic.js, example #5

Please provide any additional information below.

Currently, the images do not appear and the placement of the Title and 
Description may need divs. Also, you can use div tags inside the definition 
list.

Original issue reported on code.google.com by linas...@gmail.com on 5 Nov 2010 at 5:56

shahzadafzal / galleriffic

Replacing divs inside ul tag w/ Definition Lists #163