I am facing issues with my CSS styles in IE8, specifically with border radius and background gradients, as well as the size of the container. I have tried using CSS PIE to fix it, but that also didn't work.
If anyone has any suggestions or solutions, I would greatly appreciate your help. Thank you in advance for any assistance.
.Quor_Widget_buttondescription0 //Add To Order Button
{
position:relative;
width:90%;
font-size: 24px;
height:47px;
overflow:hidden;
margin:8px 8px 5px;
border:1px solid #000000;
text-align: center;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-moz-box-shadow:0 0 3px rgba(0,0,0,0.5);
-webkit-box-shadow:0 0 3px rgba(0,0,0,0.5);
box-shadow:0 0 3px rgba(0,0,0,0.5);
color:#000000;
font:bold, Helvetica, Arial, sans-serif;
cursor:pointer;
background: -moz-linear-gradient(#0FA90F, #67BA67);
behavior: url(PIE.htc);
display: inline-block;
}
// Choices button -- Under size tag
.segmented-button-count3 {
background: transparent;
padding: 1px;
}
.segmented-button-count3 input[type="radio"] {
width: 0px;
height: 0px;
display: none;
}
.segmented-button-count3 label {
width:33.3%;
height:20px;
padding-top: 4px;
padding-bottom: 1px;
overflow: hidden;
white-space: nowrap;
display: block;
text-overflow: ellipsis;
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: middle;
vertical-align: auto;
...