Internet Explorer 8 Still Doesn't Support Rounded Corners

It has been around two years since I first purchased the CSS (cascading style sheet) upgrade on WordPress, which gives me *almost* total control over the layout and design of my site. I have a lot of fun with it, which is why my site seems to be in a near constant state of metamorphosis.

For those of you unfamiliar with CSS, basically it is just an external text file that tells the browser how to style a webpage while it is being loaded. For instance, by quickly updating the style sheet, I can change the background color of every page on the entire site. I can also move elements around easily, like if I wanted to move the sidebar from the right side to the left side.

Anyway, one of the biggest drawbacks of this ability is that all browsers are not created equal – meaning that how my website appears in one browser isn’t necessarily how it is going to look in another. I have found that, for the most part, Firefox and Chrome ususally render my page as intended. Internet Explorer is another story.

I just installed IE8 recently, which is the latest version of Microsoft’s popular browser. To my dismay, I found that they still haven’t adopted some of the latest CSS capabilities – namely, rounded corners.

While websites sometimes use images to create the rounded look on corners, a 5 pixel rounded corner can easily be achieved with some CSS coding similar to the following:

#wrapper {
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

Much easier than creating and uploading multiple images to get the same effect.

Microsoft is reportedly going to add support for rounded borders into their next release, but who knows how long that will take. In the meantime, I’m sticking with Google Chrome or Mozilla Firefox so that I can see the web the way it was intended.

Google Chrome vs Internet Explorer