Hi all! I have a task - add round corners to HtmlPanelGrid. Now I am trying to do it with css (using 4 images for each corner - that css create our designer). I load css and try to do this in my code:

this.grid = new HtmlPanelGrid();
this.grid.setStyleClass("toplist,toplist-top");

But no changes I could see in my page.

I tried to load css and use it with tags, but it also didnt work and created one more problem - my jsf didn't reload and redisplay:

<div class="toplist">
<div class="toplist-top"><h2>Top 10 List</h2></div>
<div class="toplist-bg">
    <div class="toplist-cont">
    <rich:tab label="Top-List" id="screenTop">
    <h:panelGrid id="topListTable" binding="#{chartBean.topListTable}" />
    </rich:tab>

    <a4j:support event="onclick" reRender="menuSection" actionListener="#{chartBean.doChangeTab}" />
     </div>
</div>
<div class="toplist-bottom"></div>
    </div>

I am interesting of adding round corners to topListTable in the code. How can I do it?

I load my css as:

 <link href="#{facesContext.externalContext.requestContextPath}/css/stylesheet.css" rel="styleSheet" type="text/css"/>  

If anybody knows, how can I add corners to the panelGrid.

Sorry for stupid question, but I am newborn in jsf and richfaces, and I want to solve this task right

Thanks!