Padding / Margin Problem - Different Appearance in Chrome and Firefox

[ilya Kraft]

Hi,

Right so I applied some margin and padding settings to my search form to make it look good, but - as usual >.< - I had a problem. This padding and margins look completely different in browsers.

If you visit http://inelmo.com

From Chrome, Firefox and IE you will get the idea of what I am talking about. SO the question is, how to apply margins and paddings correctly, so they look good in all browsers? Right now the search form look correct only in Internet Explorer (Yeh strange).

Here Is some CSS code I used for styling

 
#icons_on_the_left {
 
     float:left;
     width:61px;
     padding:7px 1px 5px 9px;
     margin:-31px 0 0 0;
 
}
 
#Searcg_box {
 
     font-size:15px;
     width:276px;
     padding:7px;
     margin:0 0 0 71px;
 
}
 
#Submit_button_image {
 
     width:31px;
     text-indent:-9999px;
     padding:7px 0 7px 0;
 
}
 
 

Thank You

[drhowarddrfine]

Your list for the search bar is invalid. Validate your html and css for those lists of errors.