<div id="header" style="z-index: 102">

<ul id="primary">

<li>

<asp:LinkButton ID="week1" runat="server" Text="WEEK1" OnClick="update_week"></asp:LinkButton></li>

<li>

<asp:LinkButton ID="week2" runat="server" Text="WEEK2" OnClick="update_week"></asp:LinkButton></li>

<li>

<asp:LinkButton ID="week3" runat="server" Text="WEEK3" OnClick="update_week"></asp:LinkButton></li>

<li>

<asp:LinkButton ID="week4" runat="server" Text="WEEK4" OnClick="update_week"></asp:LinkButton></li>

<li>

<asp:LinkButton ID="week5" runat="server" Text="WEEK5" OnClick="update_week"></asp:LinkButton></li>

<li>

<asp:LinkButton ID="week6" runat="server" Text="WEEK6" OnClick="update_week"></asp:LinkButton></li>

</ul>

</div>

<div id="main">

-----------

</div>

Need to add some background rounded corner images to  the css clas  for rounded corners.

Hi joynee

there is a way to make your div to display rounded corner effect, I hope this helps

<script type="text/javascript"> 

window.onload = function() 
{ 
    settings = { 
      tl: { radius: 20 }, 
      tr: { radius: 20 }, 
      bl: { radius: 20 }, 
      br: { radius: 20 }, 
      antiAlias: true, 
      autoPad: false 
    } 

    var divObj = document.getElementById("myDiv"); //your DIV which want to be rounded corner

    var cornersObj = new curvyCorners(settings, divObj); 
    cornersObj.applyCornersToAll(); 
}

</script> 

thanks for giving reply. but the code which you gave works for entire header (div).but i need rounded corner for each button in my tab.i mean i used linkbuttons with lists in <ul>.now i have a tab look with buttons.but they have to be rounded corner buttons to make them look like a tab container tabs.

Joynee,

I suggest using the RoundedCornerExtender, from the Ajax Control Toolkit.

Best of luck!