Set Border color of round corner div in IE?

Question

I am having problem to set the div border , which using the border-radius.htc .

It works in all browsers except IE .

I referred this site to make a div as rounded corners http://dimox.net/cross-browser-border-radius-rounded-corners/

My HTML will be,

<div id="div1">
  <input type="text" id="txtBox" />
</div>

CSS will be,

#div1 {
    width: 200px;
    height: 30px;
    background-color: #D1C9CC;
    border-style: solid;
    border-width: thin;
    border-color: red; 
    -webkit-border-radius : 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    behavior: url(jquery/border-radius.htc);
    -webkit-border-radius: 10px;
}

#txtBox {
    width: 180px;
    height: 20px;
    background-color: transparent;
    position: relative;
    top: 5px;
    left: 10px;
    border-style: none;
}

My need to set the textbox rounded corner with border of red color in the IE . How can I modify this ?

Good answers are definitely appreciated.

Answer 1

You may need to select F12 on your keyboard while inside of IE and check which document mode you are in. Anything below IE 9 will not work.