Search form CSS

Hey everyone,

I'm trying to position a custom search form with a background in a website I'm developing. When I do, it looks great in Firefox, but in IE it throws off the tables.

Screenshot: [Link]
CSS:

}
.search_field    {
    border-width: 0px;
    background-image: url(images/image_10.png);
    background-repeat: no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    width: 340px;
    height: 31px;
    padding-top: 8px;
    padding-right: 40px;
    padding-bottom: 0px;
    padding-left: 65px;

Code (markup):

Form:

 <form action="search.php" name="search" method="GET">
            <input type="text" name="query" id="query" class="search_field" style='width:235px;height:23px'>	
            <input type="hidden" name="search" value="1">
          </form>

Code (markup):

Does anybody have any ideas how to fix this?