KnowledgeHub
Questions
Tags
Users
Search
Alex Rivera
|
Logout
Edit Question
Title
Body
I have not found a solution yet... I tried everything border:0; border:none; outline:none; without any luck...and the funny thing is the broken link icon in IE7 which overlaps my image. Any suggestion? link here HTML (generated by WordPress) <form id="searchform" method="get" action="http://eezzyweb.com/"> <div> <input id="s" name="s" type="text" value="" size="32" tabindex="1"/> <input id="searchsubmit" name="searchsubmit" type="image" value="" tabindex="2"/> </div> </form> CSS input#s{ position:relative; width:245px; height:28px; border:0; vertical-align:bottom; background:url(images/input-search-bkg.png) 0 0 no-repeat; } #searchsubmit { display:inline-block; background:url(images/submit-bkg.png) 0 0 no-repeat; width:30px; height:30px; border:0; vertical-align:bottom; } Firefox and Opera render the image button ok, but in Chrome and Safari I get that grey border around it. IE 7 and 8 add a symbol (broken icon?) over my image... I am baffled.
Tags (comma-separated)
Save Edits
Cancel