Border radius and table issues in IE9


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.


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 -

But in IE:
IE -

How would I go about fixing this? --UPDATE-- Added Demo:

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

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

Problem courtesy of: Jake


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.

Solution courtesy of: Jukka K. Korpela


There is currently no discussion for this recipe.

This recipe can be found in it's original form on Stack Over Flow.