title: top rounded corners in my jquery
body: <p>I have this jquery for my menu buttons, what I want is to get top-corner rounded for my menu, this is a whole code:</p>
  
  <pre><code>    &lt;html&gt;
  &lt;style type="text/css"&gt;
  #menuBarHolder { width: 860px; height:45px; background-color:#000; color:#fff; font-family:Arial; font-size:14px; margin-top:20px;}
  #menuBarHolder ul{ list-style-type:none; display:block;}
  .firstchild { border-left:1px solid #ccc;}
  #container { margin-top:10px;}
  #menuBar li{  float:left;  padding:15px; height:16px; width:70px; border-right:1px solid #ccc; }
  #menuBar li a{color:#fff; text-decoration:none; letter-spacing:-1px; font-weight:bold;}
  .menuHover { background-color:#999;}
  .menuInfo { cursor:hand; background-color:#000; color:#fff; width:74px; font-size:11px;height:100px; padding:3px; display:none;  position:absolute; margin-left:-15px; margin-top:0px;
  -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;
      -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;
      -khtml-border-radius-bottomright: 5px;   -khtml-border-radius-bottomleft: 5px;
      border-radius-bottomright: 5px;border-radius-bottomleft: 5px;
  }
  
  &lt;/style&gt;
  
  &lt;!--[if IE]&gt;
  &lt;style type="text/css"&gt;
  #menuBar li a{width:50px;}
  .menuInfo { margin-left:-65px; width:80px;}
  &lt;/style&gt;
  
  &lt;![endif]--&gt;
  
  &lt;script src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  
  $(document).ready(function()
  {
  
  $('#menuBar li').click(function()
  {
    var url = $(this).find('a').attr('href');
    document.location.href = url;
  
  });
  
  $('#menuBar li').hover(function()
  {
  
     $(this).find('.menuInfo').slideDown();
  },
  function()
  {
  
    $(this).find('.menuInfo').slideUp();
  
  });
  
  });
  &lt;/script&gt;
  &lt;center&gt;
  &lt;div id="menuBarHolder"&gt;
  &lt;ul id="menuBar"&gt;
  &lt;li class="firstchild"&gt;&lt;a href="javascript:#"&gt;Home&lt;/a&gt;&lt;div class="menuInfo"&gt;I am some text about the home section&lt;/div&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="javascript:#"&gt;About Us&lt;/a&gt;&lt;div class="menuInfo"&gt;I am some text about the services section&lt;/div&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="javascript:#"&gt;News&lt;/a&gt;&lt;div class="menuInfo"&gt;I am some text about the clients section&lt;/div&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="javascript:#"&gt;Equipment&lt;/a&gt;&lt;div class="menuInfo"&gt;I am some text about the portfolio section&lt;/div&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="javascript:#"&gt;Services&lt;/a&gt;&lt;div class="menuInfo"&gt;I am some text about the about section&lt;/div&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="javascript:#"&gt;Project&lt;/a&gt;&lt;div class="menuInfo"&gt;I am some text about the blog section&lt;/div&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="javascript:#"&gt;Contact Us&lt;/a&gt;&lt;div class="menuInfo"&gt;I am some text about the follow section&lt;/div&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/center&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Thanks for your help.</p>