ktm161I am having a curious IE7 / FF3 display difference. Using the code below, my website lists the titles (and an associated image) of the first three articles in the "features" category. These display in the left-most column on the front page, with a highlight that shows up behind them upon hover.
The curious bit is the spacing between the images and the titles, positioned underneath the images. In MSIE, there are 8 pixels between each image and the corresponding title. In Firefox, there are 8 pixels between the image/title of the first entry in the list, *7* pixels between the image/title of the second entry in the list, and 8 pixels between the image/title of the third entry in the list.
Why would one entry, the middle entry at that, have 1 pixel less between the bottom of its image and the title under that image? And why only in firefox?
I have been going back through the main index as well as the stylesheet, and can't figure it out. Anyone have any ideas? Thanks!!!
<div id="leftcol">
<?php query_posts('showposts=3&cat=5'); ?>
<h3>
<?php wp_list_categories('include=5&title_li=&style=none'); ?>
</h3>
<?php while (have_posts()) : the_post(); ?>
<div class="feature">
<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><img src="<?php bloginfo('template_url'); ?>/images/feature-thumbs/<?php $values = get_post_custom_values("Image"); echo $values[0]; ?>" alt="" /></a>
<a href="<?php the_permalink() ?>" rel="bookmark" class="title"><?php the_title(); ?></a>
</div>
<?php endwhile; ?>The website is located at http://www.musikmodem.com ... looking forward to some insight to this mystery!!
