Search:

No, it would not iterate automatically.

If you want to use different different images for each and every corresponding text then I think you should use should generate DropCap type of thing.
...

Just break your border style one by one and see the difference.

For Example:

border-bottom: 7px solid grey;

TO:

border-bottom-style: solid;
border-bottom-width: 7px;

Just try to represent this data as a list by which you can easily display its content as table, the space should maintain between images and text. For an example:

CSS:

#navlist
{
margin-left:...

You should replace this code with the following:

<!ATTLIST book type (Mystery | History | Fiction | Children | Religion | Self_Help | Biography | Other) #IMPLIED>

(You have missed out the...

Just try this XSL by which you can generate your required output i.e. 09/25/2009:

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
...

a: you should use XSLT to display your required content bold-face.