Rendering bug in IE8

[simmerz]

IE 8 shows a rendering bug. I'm using the following code:

<style>
ul#navigation li a {
        color: white;
        text-decoration: none;
        display: inline-block;
        padding: 0.8em;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        font-weight: bold;
        font-size: 0.8em;
        text-transform: uppercase;
}
</style>

<script>
                var nav = $('ul#navigation li a');
                $.each(nav, function(i, n) {
                        $(n).width($(n).width());
                        $(n).corner("11px");
                });
</script>

The result is that most of them work, but 3 of the navigation links show a bug in rendering as the image below shows:

http://imagepaste.nullnetwork.net/viewimage.php?id=522