Kommentarformular formatierungsprobleme

<?php
/**
 * @package WordPress
 * @subpackage maries mind game
 */
?>




<?php if ( post_password_required() ) : ?>
<p><?php _e('Enter your password to view comments.'); ?></p>
<?php return; endif; ?>


<h2 id="comments"><?php comments_number(__('No Comments'), __('1 Comment'), __('% Comments')); ?>
<?php if ( comments_open() ) : ?>
	<a href="#postcomment" title="<?php _e("Leave a comment"); ?>">&raquo;</a>
<?php endif; ?>
</h2>


<?php if ( have_comments() ) : ?>
<div class="commentlist">


<?php foreach ($comments as $comment) : ?>
	<li <?php comment_class(); ?> id="comment-<?php comment_ID() ?>">
	
	<?php comment_text() ?>
	<p><cite><?php comment_type(_x('Comment', 'noun'), __('Trackback'), __('Pingback')); ?> <?php _e('by'); ?> <?php comment_author_link() ?> — <?php comment_date() ?> @ <a href="#comment-<?php comment_ID() ?>"><?php comment_time() ?></a></cite> <?php edit_comment_link(__("Edit This"), ' |'); ?></p>
	</li>


<?php endforeach; ?>


</div>


<?php else : // If there are no comments yet ?>
	<p><?php _e('No comments yet.'); ?></p>
<?php endif; ?>


</p>


<?php if ( comments_open() ) : ?>
<h2 id="postcomment"><?php _e('Leave a comment'); ?></h2>


<?php if ( get_option('comment_registration') && !is_user_logged_in() ) : ?>
<p><?php printf(__('You must be <a href="%s">logged in</a> to post a comment.'), wp_login_url( get_permalink() ) );?></p>
<?php else : ?>


<form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform">


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


<p><?php printf(__('Logged in as %s.'), '<a href="'.get_option('siteurl').'/wp-admin/profile.php">'.$user_identity.'</a>'); ?> <a href="<?php echo wp_logout_url(get_permalink()); ?>" title="<?php _e('Log out of this account') ?>"><?php _e('Log out &raquo;'); ?></a></p>


<?php else : ?>


<div id="commentform">
<form action="" method="post" id="info">
	<h2>Contact Information</h2>
    <p id="name-wrap" class="slider">
        <label for="name">Name</label>
        <input type="text" id="name" name="name">
    </p><!--/#name-wrap-->
    
    <p id="email-wrap"  class="slider">
        <label for="email">E&ndash;mail</label>
        <input type="text" id="email" name="email">
    </p><!--/#email-wrap-->
    
    <p id="street-wrap"  class="slider">
        <label for="st">Street</label>
        <input type="text" id="st" name="st">
    </p><!--/#street-wrap-->
    
    <p id="city-wrap"  class="slider">
        <label for="city">City &amp; State</label>
        <input type="text" id="city" name="city">
    </p><!--/#city-wrap-->
    
    <p id="zip-wrap"  class="slider">
        <label for="zip">Zip code</label>
        <input type="text" id="zip" name="zip">
    </p><!--/#zip-wrap-->
</div>
<?php endif; ?>


  <textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea>
    <input type="submit" id="btn" name="btn" value="submit">


<?php do_action('comment_form', $post->ID); ?> 


</form>




<?php endif; // If registration required and not logged in ?>


<?php else : // Comments are closed ?>
<p><?php _e('Sorry, the comment form is closed at this time.'); ?></p>
<?php endif; ?>

#commentform form                       { width:380px;padding:0 90px 20px;margin:auto;background:#f7f7f7;border:1px solid #ddd; }
#commentform p                          { clear:both;position:relative;margin:0 0 10px; }
#commentform label                      { cursor:pointer;display:block; }
#commentform input[type="text"]         { width:300px;border:1px solid #999;padding:5px;-moz-border-radius:4px; }
#commentform input[type="text"]:focus   { border-color:#777; }
#commentform input[name="zip"]          { width:150px; }


/* submit button */
#commentform input[type="submit"]       { cursor:pointer;border:1px solid #999;padding:5px;-moz-border-radius:4px;background:#eee; }
#commentform input[type="submit"]:hover,
#commentform input[type="submit"]:focus { border-color:#333;background:#ddd; }
#commentform input[type="submit"]:active{ margin-top:1px; }