
Issue removing old border
Hi guys. So I have this problem where my old border remains in IE, alongside my new border. I am working with a border radius. I set a default border for input elements
Code:
input[type="text"], input[type="password"], select {
border: 1px solid #4E4E64 !important;
}
Then in the specific element, I do something like
Code:
#e_form input, #enquiry_form select, #enquiry_form textarea {
-webkit-border-radius: 5px!important;
-moz-border-radius: 5px!important;
-khtml-border-radius: 6px;
-webkit-box-shadow: 0;
-moz-box-shadow: 0;
border-radius: 5px!important;
height:14px;
padding:4px;
position:relative;
behavior: url(/wp-content/themes/reponsive-skyclub/CSSPie/PIE.htc);
}
So, the problem is that in IE, the border radius is now working. However, the rectangle border around the inputs is also there aswell. In firebug, if I set the border on say the textarea to none, it disappears and displays perfectly. If I then add this to my css and try it, I have the same result as before. Its as if css pie uses this border to create the border radius, but when it creates it, it doesnt remove the old border.
Is this a common problem or am I doing something totally wrong here?
Thanks for the help.