Date Icon Floating Right Issue

I have a date icon set up floating to the right. On my category pages, I set up a mullet type of page. 1 full post, then 7 excerpted posts with images.

That date icon won’t float all the way to the right on the excerpted posts. I just don’t understand why not!

My CSS for date is:

.date {
float: right;
width: 50px;
height: 55px;
margin: 10px 0;
padding: 5px 0 0;
background: url(images/datebg.jpg) no-repeat;
font-family: Georgia, Times, “Times New Roman”, serif;
font-size: 120%;
text-align: center; }

HTML is:

<div class="date">
          <?php the_time('M','',''); ?><br />
          <?php the_time('j','',''); ?>
        </div>

A page can be seen here http://chickensintheroad.com/barn/

Any help would be so much appreciated 🙂