Need help w/ search form

[Mahele]

I am customizing a WP theme to fit my needs and I can't seem to get the search form to fit where I need it.

see it in action here ---> www.keonistudios.co.cc

Note: If you click in the search box you'll find the form itself is actually off to the lower right a bit...

Below is my CSS and searchform.php... it may be something simple I am overlooking but any help would be greatly appreciated...

My CSS...

#searchform {
    float:right;
    width:210px;
    background:url(images/bg_search.png) no-repeat;
    padding:0 0 5px 5px;
    margin-top:-5px;
    }

#s {
    background:transparent;
    border:none;
    color:#006600;
    padding-left:10px;
    margin-top:-4px;
    width:120px;
    }
        
.field {
    background:transparent;
    border:none;
    padding:0px;
    border:none;
    }

.field:focus {
    background:transparent;
    }
    
#submit {    
    background: #010a2a ! important;
    border:none;
    font-size:0.9em;
    padding:0;
    }

#submit:hover {    
    background: #12225b ! important;
    }
    
#searchsubmit {
    background:transparent;
    border:none;
    margin: 0 0 0 0;
    color:#b5dbf3;
    font-size:0.9em;
    }

My searchform.php...

<form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
<input type="text" value="<?php the_search_query(); ?>" name="s" id="s" />
<input type="image" src="<?php bloginfo('template_url'); ?>/images/search_btn.png" id="searchsubmit" value="Search" />
</form>