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

I may have misread the question and, if so, please accept my apologies.

As far as I can tell, the rounded corners in the example you give are, like I previously said in a comment, done by images. You should look into @Teja's answer as he points you in the right direction but, just for you reference, here goes the HTML and CSS used to recreate the layout you mention:

We Are Here to Help!
    
We are extremely proud of our support and are available to help you at anytime.
    
        
            
        
    



#chat-panel {
background:url("http://www.seekdotnet.com/images/sidepanel_repeat.png") repeat-y scroll 0 0 transparent;
margin-bottom:1em;
text-align:center;
}

#chat-panel {
background:url("http://www.seekdotnet.com/images/sidepanel_repeat.png") repeat-y scroll 0 0 transparent;
margin-bottom:1em;
text-align:center;
}

#chat-panel p {
padding:0 10px;
}

#chat-panel .panel-bottom, #special-offer .panel-bottom {
background:url("http://www.seekdotnet.com/images/sidepanel_bottom.png") no-repeat scroll left bottom transparent;
display:block;
padding-bottom:10px;
}