I'm trying to create a horizontal navigation menu where each list item 
contains an image and descriptive text. I want the image to be centered 
within the item and also be block so that the text is below it. I 
haven't been able to get this to work perfectly between IE/FF and I 
haven't found a good example of a list styled like what I'm trying to 
achieve. If anyone has any examples or could help me in getting this 
result, I would greatly appreciate it.

Here's what the HTML looks like:

<ul>
    <li>
       <img src="image.gif" />
       <p>This paragraph explains the item.</p>
    </li>
    <li>
       <img src="image2.gif" />
       <p>This paragraph explains the item 2.</p>
    </li>
</ul>

The only reason why I'm actually putting an <img> element within the 
list item is because the list markup is built dynamically from cod and 
the image for each item is editable by the user.

Thanks again for any help,

Jonathan

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to