When trying to apply RoundedCornerExtender to a table, the table fades in and out

I was charged with prototyping a website that, among other things, contains a News of the Day section, which is user-editable content.

I am using the master page, and the default page for the site has several sections for the various "cover pages" they want to display. In the "newstoday" div, I have a table with an embedded ListView in one of the cells to display all valid records in the database and this worked fine.

They want things to look nicer and offer rounded corners on the panels, as you see on iGoogle. So I found out that AJAX has built-in facilities for this, and it started installing and updating.

However, when I apply the "RoundedCornersExtender" to a table (like I saw in the example online), the contents of the table are instantly displayed on the screen for a short time and then disappear - or more accurately, hides behind the contents from the divs after that (footer, security info etc.).

I added:

<cc1:RoundedCornersExtender ID="tblNews_RoundedCornersExtender" runat="server" Radius="5"
    TargetControlID="tblNews" Enabled="True" Color="Navy">
</cc1:RoundedCornersExtender>

      

        
        
        
      

    

Among other attempts, I put the table in a panel and partially worked - giving me rounded top and bottom borders, but nothing on the sides - I suspect because the panel took up the entire width of the div instead of being table-sized inside (another problem, but I will deal with that later).

So if I target the RCE to the panel it works halfway, but if I do it with a table it doesn't work and turns the table into a "flasher". What am I doing wrong?

Thanks in advance.