I want to create a search function for my web app.here are the looks on FF & IE, it is ok without strange borderFirefox
IE
and here are the look on Chrome & Safari, it has strange border around the input elementChrome
Safari
Here is my html & css code\[code\]<input type="search" id="generic_search" onkeypress="return runScript(event)" /><input type="button" id="generic_search_button" />\[/code\]the \[code\]border:0\[/code\] has been applied to all elements
\[code\]#generic_search{ font-size: 14px; width: 250px; height: 25px; float: left; padding-left: 5px; padding-right: 5px; margin-top: 7px;}#generic_search_button{ float: left; width: 25px; height: 25px; margin-top: 7px; cursor: pointer; background-color: White; background-image: url(/Images/search.png); background-repeat: no-repeat; background-position: center center;}\[/code\]How to remove that border?