i copied code from a template of mine that allows 150x150px images to be loaded within a "span" that accommodates four 150s. once the image total exceeds the four span-limit the image kicks to another row.
so i copied this code into a span that accommodates two 150s but instead of kicking down into another row the pics bunch up = three images overlap.
not sure what controls this behavior. thinking it is the css but i don't know what i am talking about.
here is the code...
<div class="entry-cat">
<?php foreach((get_the_category()) as $category) { ?>
<?php if( $category->cat_ID == $cat) { ?>
<h6>» <a href=" <?php echo get_category_link($category->cat_ID);?> "><?php echo $category->cat_name . ' '; ?></a></h6>
<?php } ?>
<?php } ?>
<hr />
<h6><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><img src="<?php $key="square"; echo get_post_meta($post->ID, $key, true); ?>" alt="" width="150" height="150" /></a></h6><br />
<h6 class="underlined"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>" class="title"><?php the_title(); ?></a></h6>
</div>
