Zooming issue in Firefox and IE

Hello everyone,

I'm updating our homepage -- in addition to having a dynamic news section, I thought it would be cool to have the features section be dynamic as well. I've done the coding and updated the HTML, but I get a strange thing happening when zooming out of the page. The formatting is distorted, strangely enough.

Here's the page in question:

http://www.louisarmstronghouse.org/index2.php

Try zooming out and you'll see what I mean. (There's no problem when using Safari; only Firefox and IE.)

And here's the HTML code for the affected section:

<div id="features_body">

<?php foreach ($featuresRecords as $record): ?>
<div class="feature">

<?php foreach ($record['photo'] as $upload): ?>
<a href="<?php echo $record['external_link'] ?>"><img src="<?php echo $upload['urlPath'] ?>" width="49" height="49" alt="" class="left"/></a>
<?php endforeach ?>

<span class="featuretitle2"><a href="<?php echo $record['external_link'] ?>"><?php echo $record['title'] ?></a></span>
<p><?php echo $record['description'] ?></p>
</div>
<?php endforeach; ?>

<?php if (!$newsRecords): ?>
No records were found!<br/><br/>
<?php endif ?>

</div>

</div>

Does anyone have any suggestions? Thank you so much!