Позиционирование полей формы обратной связи на странице

<?php
/*
Template Name: mail
*/
?>
<?php get_header(); ?>
<div id="content">
<div class="ex">
    <img src="/wp-content/themes/scruffy/img/mail.png" class="example_beauty" />
    </div>
    
<div style="width:200px; position: absolute; top:460px; left:180px;"><form action="/wp-content/themes/scruffy/mail.php" method="post" name="MyForm">
 
<input class="input" style="width: 50%;" type="text" name="name" /> Ваше имя
 
<input class="input" style="width: 50%;" type="text" name="email" /> Ваш E-mail
 
<input class="input" style="width: 50%;" type="text" name="sub" /> Тема
 
 
Текст сообщения:<textarea style="width: 100%;" cols="1" name="body" rows="7"></textarea><input type="submit" value="Отправить" /></div>
</form>
    
<?php $count = 0; ?>
<?php if(have_posts()): ?>
 
<?php while(have_posts()) : the_post();?>
<div class="post <?php if($count==0){?>first<?php } ?>" id="post-<?php the_ID(); ?>">
<h2 class="title"><a href="<?php the_permalink(); ?>#content" title="Permalink to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
                
                <div class="entry">
                
                    <?php the_content(''); ?>
                    
                    <?php wp_link_pages('before=<div id="paginate">Pages: &after=</div>&next_or_number=number&pagelink=%'); ?>
                    
                </div><!-- /entry -->
                                                
            </div><!-- /post -->
            
            <?php $count++; ?>
            
        <?php endwhile; ?>      
    
        <?php else: ?>
    
            <div class="post">
                <h2><?php _e('Not Found'); ?></h2>
            </div><!-- /post -->
    
        <?php endif; ?>
    
        </div><!-- /content -->
    
<?php get_footer(); ?>