css/ html help in making rounded table like container

Question

can anyone provide insight or a sample of how to create a css based bubble container for html to go inside it?

im looking to make a rounded table. that is to say i want

Answer 1

A CSS3 rounded corner example to get you started:

    
Cos boxes were made to be sexay!


.mysexaybox {
    background: #ccc;
    background: -moz-linear-gradient(top, #ffffd, #bbb);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffd), to(#bbb));
    border: 1px solid #bbb;
    color: #000;
    padding: 4px 8px;
    text-shadow:0 -1px 0 rgba(255, 255, 255, 0.4);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}

DD_roundies is a decent solution if you absolutely must support IE6-8 (IE9 will support the rounded corners above)