I am working on my team’s site, nordicstorm.dyndns.org, and I am using the -border-radius property to make the corners round. Unfortunately, this only works in Firefox and Google Chrome, but not in IE. Does anyone know of a good workaround for this? Or at the very least, a good way to identify browser type to use images instead?
Alternatively, just make sure the site looks good without rounded corners. This is honestly the best option. If the site really needs the corners to look good, chances are they’re excessive
QFT. I’ve started a new business, and in developing my website for it, i had to use border-radius:, -moz-border-radius, and -webkit-border-radius. IE8 and lower can GTFO. IE6 especially. KILL IT WITH FIRE!
I think everyone has answered your question well, so I’ll submit a little advice of my own towards something else.
Under your challenges page, the first logo is ~1700x700 for a ~250x100 display size. I recommend that you shrink either to size or to 4X size (500x200), because currently you are loading roughly 49X what is necessary…
Otherwise, the site looks good, keep up the good work!