how to make round corner of div

how to make round corner of div in 开发者_开发知识库css and I have menu list items

 <div class="menu">
    <ul>
      <li class="active"><a href="index.html">HOME</a></li>
      <li class="active"><a href="#">COMPANY</a></li>
      <li class="active"><a href="#">SOLUTIONS</a></li>...

how to round corners of li items

Standards-aware solution would be to use border-radius of CSS 3.

See http://www.css3.info/preview/rounded-border/

-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;

As noted earlier, this will not work in IE. But the newer version of IE will support it I believe (correct me if I'm wrong, please).

Worst case scenario, IE users will not see rounded corners. For more about the border radius property the following is a good article.