Safari textbox background issue

I have a textbox and instead of showi开发者_开发问答ng the regular 1px bordered layout, I am trying to apply a custom curved image as background for that..

For some reasons, the background is not applied correctly on desktop Safari as well as iPad Mobile Safari..It works fine in IE/FF..Below is the code;

<div class="inputBox"><input type="text" name="text1"></div>

#rightContent  .inputBox{
background:transparent url(/images/dp/search_screen/keyback.gif) no-repeat scroll center 6px;
border:0pt none;
float:left;
height:40px;
#height:37px;
margin-left:10px;
width:450px;
overflow: hidden;
}

#rightContent  .inputBox input{
padding:12px 8px 5px 12px; 
width:446px;
margin: 0px;
border: 0px none;
background:transparent none no-repeat scroll center;
display: block;
/*outline: none;*/
height: 40px;
#height:37px;
#width: 430px;
#position: relative;
#left: 2px;
#padding:11px 0px 8px;
}

Below are the screenshot

IE/FF:

Safari:

Remove the 'transparent' from your background that contains the image.

If that doesn't work, it looks like there's something else controlling Safari's text boxes. Are you using a CSS reset?

EDIT/

Enable the Developer menu in Safari. Right click on the text field and click Inspect Element. See where that border is coming from.

Or to take a quicker route, ad !important at the end of all your selectors.