background images and div's

Miked

Hi:

I have the following container:

#left
{
float: left;
color: #ffffff;
width: 190px;
margin-right: 5px;
margin-bottom: 5px;
text-align: right;
padding: 0 0 0 0;
border: 1px solid red;
}

This container's height is to explain vertically with it's contents.
My problem is that I need the standard rounded-corners white box on a
colored background. If the rounded-corners require an image as a
background, how do I code this so that I get the rounded corners but
the middle expands with the content. My initial thoughts were to
create 3 containers inside of this container, top & bottom with fixed
height/width, and then a middle container with just a fixed width.

Your help is as always greatly appreciated.

Thanks!

Mike

Apr 17 '07 #1

zzpat

Miked wrote:

My problem is that I need the standard rounded-corners white box on a
colored background.

Cheat. ;-)

-moz-border-radius : .6em;
border-radius : .6em;

Apr 17 '07 #2

dorayme

In article
<11**********************@p77g2000hsh.googlegroups .com>,
Miked <mi*************@gmail.comwrote:

Hi:

I have the following container:

#left
{
float: left;
color: #ffffff;
width: 190px;
margin-right: 5px;
margin-bottom: 5px;
text-align: right;
padding: 0 0 0 0;
border: 1px solid red;
}

This container's height is to explain vertically with it's contents.

Do you mean "to explode" rather than "to explain"? There is no
height set and so this interpretation fits best.

Boom boom.

--
dorayme

May 20 '07 #3