Padding / Margin Problem - Different Appearance in Chrome and Firefox

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • ilya Kraft
    New Member
    • Jan 2011
    • 134

    Padding / Margin Problem - Different Appearance in Chrome and Firefox

    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

    Code:
    #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
    Recognized Expert Expert
    • Sep 2006
    • 7434

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

    Comment

    Working...