Relative Positioning Error with <button> in FF and Chrome

nightstar_dhkt

New Member
I am having a very strange problem here. I tried to create a search bar and this is how it looks in chrome, which is what i want.
v3j2mr.png
It works fine in Safari, Here is all the involved CSS code. \[code\]#input { height: 25px; padding-left: 5px; width: 70px;}#button { margin-left: -6px; height:27px; position: relative; top: -2px; padding-left: 5px;}\[/code\]But in case of FireFox, the Button moves up a little which makes it look bad. Here is how it looks in FireFox.
21ovql4.png
This BUg in Firefox is fixed if i remove the line \[code\]top: -2px;\[/code\] but then a similar problem crops up in Chrome and Safari.How do i Fix this ?
 
Back
Top