CSS Rounded Box help

[Danopoly]

I have a gradient rounded box with a border. The header of the box is outlined text (but won’t need to change, so I’m using a GIF). The final result should look like this: http://danspeziale.com/images/instr_step5.jpg

I have it nearly figured out, but I can’t float the header in the proper place without it getting cut off. Can anyone assist?

Code:

Content

[attachment=2]instr-header.gif[/attachment]

[noahgelman]

Get rid of the overflow: auto on the .cB class, that should do it.

But I would suggest rebuilding this div entirely, it’s not semantic at all.

[Danopoly]

Thank you! That nearly fixed it.

Once I added the property "margin-right:14px;" to .cBw, that solved it.

I’m also open to other improvements, if anyone has any. I realize that this is kind of clunky!

Thanks,
Dan

[Author]

Posts