By the way, if what troubles you is that you cannot have 'round corners' in Internet Explorer, there's a nice solution for that. Just download the .htc file from here:
download: http://code.google.com/p/curved-corner/downloads/list (a demo is included) then put it where you hold the .css files and add this line to all the elements that should have the round corners: behavior : url(border-radius.htc); Try with this example: <html> <body style="background:#ededed;"> <div style=" min-height:50px; height:50px; color:white; padding-left:40px; width: 200px; background: -webkit-gradient(linear, left bottom, left top, color-stop(0.04, rgb(2,2,3)), color-stop(0.52, rgb(0,0,153)), color-stop(0.76, rgb(0,0,153))); background: -moz-linear-gradient(center bottom, rgb(2,2,3) 4%, rgb(0,0,153) 52%, rgb(0,0,153) 76%); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; behavior:url(border-radius.htc); "> One two three test </div> </body> </html> The only problem with that is when you run it from your local hard drive, it will make Internet Explorer prompt an security error ;) but it works ok when run from the WWW so you shouldn't worry. -- -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: [email protected] To unsubscribe: [email protected]
