After much trial and error, deliberation, research, and head banging on my desk, I’ve finally come up with a solution to the programmer’s age-old cross-browser rounded corners dilemma that works for me. The dilemma, of course, is that it’s the year 2009 and rounded corners can be implemented in EVERY modern-day browser except our friend Internet Explorer. Even the most recent incarnation of IE (v8) STILL doesn’t support native rounded corners in CSS!
If you know anything about me you know that I’m a stickler for semantic markup and clean code in general. XHTML and CSS that validate. So you’ll get an idea of my frustration level with this rounded corner issue when you hear that the solution I’ve settled upon doesn’t validate CSS. Yes that’s right. However I’m sleeping just fine and I’m quite happy that this solution is keeping me from spending 20 hours to create a style sheet!
So what is it you ask?