I have a Dropdown as
<select name="cmb" class="txtRed" id="cmb1">
options
</select>
in style.css I have class txtRed as
.txtRed {
border-bottom : red 2px solid;
border-top : red 2px solid;
border-left : red 2px solid;
border-right : red 2px solid;
}
It is working fine for Mozila Firefox and Google Chrome. It have problem with IE 8 only.
What is solution for this ? is any other additional attribute or hack I can use ?
Output should be like below image

I have tried following dummy code, which is also not working for IE8, I have checked compatibility mode, it is for IE 8 only
<html>
<head>
<style type="text/css">
.txtRed {
border-bottom : red 2px solid;
border-top : red 2px solid;
border-left : red 2px solid;
border-right : red 2px solid;
}
</style>
</head>
<body>
<select name="cmb" class="txtRed" id="cmb1" style="border-bottom:red 2px solid;">
<option> Option 1 </option>
<option> Option 2 </option>
</select>
</body>
</html>
add this to your code