Cut off links, why?

hen i rollover my post title links in the index or comment page the link cuts of after a certain letter and it only happens on my “wanna be my friend?” post. This happened to my navbar all of a sudden yesterday but i managed to fix it. I don’t know how to fix this one though I’ve been troubleshooting for over an hour.

css

/*POST*/

.post {
width: 600px; height: auto;
padding: 10px 10px 20px 80px;
}

.post h2 {
font-family: Georgia, serif;
font-size: 2em;
font-style: italic;
color: #00c3ff;
}

.post h2 a {
font-family: Georgia, serif;
font-style: italic;
letter-spacing: -2px;
color: #00c3ff;
}

.post ol {
font-family: Arial, Helvetica, sans-serif;
list-style: decimal inside;
}

.post ol li {
font-family: Georgia, serif;
font-size: 1.5em;
font-style: italic;
list-style: decimal inside;
}

.post .button {
background: url(images/button.png) no-repeat; width: 112px; height: 28px;
float: right;
}

Index HTML
<?php get_header(); ?>
<?php get_sidebar(); ?>

<?php if (have_posts()) : ?>

<?php while (have_posts()) : the_post(); ?>

<div class="post" id="post-<?php the_ID(); ?>">

<h2>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></h2>

<p><?php the_time('F jS, Y') ?> <!-- by <?php the_author() ?> --></p>

<?php the_content('Read the rest of this entry »'); ?>

" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title(); ?>"><div class="button">Read on</div>
</div>

<?php endwhile; ?>

<div class="navigation">
<div><?php next_posts_link('« Older Entries') ?></div>
<div><?php previous_posts_link('Newer Entries »') ?></div>
</div>

<?php else : ?>

<h2>Not Found</h2>
<p>Sorry, but you are looking for something that isn't here.</p>
<?php include (TEMPLATEPATH . "/searchform.php"); ?>

<?php endif; ?>

<?php get_footer(); ?>

Single HTML
<?php get_header(); ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

<div class="navigation">
<div><?php previous_post_link('« %link') ?></div>
<div><?php next_post_link('%link »') ?></div>
</div>

<div class="post" id="post-<?php the_ID(); ?>">

<h2>" rel="bookmark" title="Permanent Link: <?php the_title_attribute(); ?>"><?php the_title(); ?></h2>

<?php the_content('<p class="serif">Read the rest of this entry »</p>'); ?>

<?php wp_link_pages(array('before' => '<p>Pages: ', 'after' => '</p>', 'next_or_number' => 'number')); ?>
<?php the_tags( '<p>Tags: ', ', ', '</p>'); ?>

<p class="postmetadata alt">
This entry was posted
<?php /* This is commented, because it requires a little adjusting sometimes.
You'll need to download this plugin, and follow the instructions:
http://binarybonsai.com/archives/2004/08/17/time-since-plugin/ */
/* $entry_datetime = abs(strtotime($post->post_date) - (60*120)); echo time_since($entry_datetime); echo ' ago'; */ ?>
on <?php the_time('l, F jS, Y') ?> at <?php the_time() ?>
and is filed under <?php the_category(', ') ?>.
You can follow any responses to this entry through the <?php comments_rss_link('RSS 2.0'); ?> feed.

<?php if (('open' == $post-> comment_status) && ('open' == $post->ping_status)) {
// Both Comments and Pings are open ?>
You can leave a response, or " rel="trackback">trackback from your own site.

<?php } elseif (!('open' == $post-> comment_status) && ('open' == $post->ping_status)) {
// Only Pings are Open ?>
Responses are currently closed, but you can " rel="trackback">trackback from your own site.

<?php } elseif (('open' == $post-> comment_status) && !('open' == $post->ping_status)) {
// Comments are open, Pings are not ?>
You can skip to the end and leave a response. Pinging is currently not allowed.

<?php } elseif (!('open' == $post-> comment_status) && !('open' == $post->ping_status)) {
// Neither Comments, nor Pings are open ?>
Both comments and pings are currently closed.

<?php } edit_post_link('Edit this entry.','',''); ?>
</p>

<?php comments_template(); ?>

<?php endwhile; else: ?>

<p>Sorry, no posts matched your criteria.</p>

<?php endif; ?>

<?php get_footer(); ?>

and my site http://www.alexrogahn.com