Creating 4 concentric boxes with different background colors – only 2 of them appear

Why can't I show a box within a box, within a box, within a box, with 4 different background colors, 4 different div ids, I don't want to specify a width, I only see two colors when I should see 4?

Thanks for your help - Matthew

Whey can't I show tags? This is kind of co开发者_开发知识库mplicated!!!!

A block element will fill out the dimensions of its parent element unless there are explicit widths set or there is padding inside a containing element. So if you have divs inside divs, make sure you have padding in the containing divs set (if you're not going to set explicit widths)

you must set some min-height and min-width style and then you can give proper style each div

DEMO

You need to specify a height. The div could be 0x0 and that's probably not what you want.

Below is an example of what we think you want but I specified a height and width. http://jsfiddle.net/8T6KG

Update: As recommended, I removed the width and height: http://jsfiddle.net/8T6KG/3/

can you paste some sample code? plus, you can try setting the position to relative. And I think the outer most div needs to have some height and width set.