Question

I might have worded the title wrong, ah well.

My (1st) problem i’m experiencing is this. Border radius isn’t working in IE9 on my site. Every other site seems to be fine.

My CSS:

border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;

My second problem is this,
In every browser but IE the div connects to the side of the border like so:
Chrome, FF, Safari – http://minus.com/me2JZyhlm

But in IE:
IE – http://minus.com/mbnYXszVfs

How would I go about fixing this?
–UPDATE– Added Demo: http://thedailyvids.com/demo.php

 div.sidefeed {
        font-size: 11px;
        cursor: pointer;
        color: black;
        padding: 5px;
        width: 140px;
        margin-right: -10px;
        font-family: calibri, arial;
    }
    div.sidefeed.active {
        font-size: 13px;
        color: black;
        padding: 5px;
        font-family: calibri, arial;
        background-color: #747474;
        border-left: 2px solid #5b5a5a;
    }
    div.sidefeed.active a {
        text-decoration: none;
        color: white;
    }
    div.sidefeed a {
        text-decoration: none;
    }

Why does IE have to be a tricky bitch! -_-

Answer 1

The border-radius property works fine on IE 9 in “standards mode.” Either your page triggers Quirks Mode or it contains something that breaks things up. Regarding this and the other question, please post a complete testable demo document (not just screenshots) if you need more advice.