Firefox messing up CSS

I have a serach box in the header of my wordpress theme and it looks perfect in all browsers except firefox where the “search…” text is just a little below the box.

How can a I make a browser specific rule to fix this?

div#search { height: 37px; margin: 0 20px 20px 0; width:296px; float:right; }
div#search form { padding: 0; margin:0; }
div#search input { border: 0; padding: 10px 10px 0 45px; width: 245px; height: 35px; margin:0; }