Мне нужно,чтобы блоки выглядели так, как на фото, т.е. чтобы один блок был на другой наложен
Текст, который для блоков я написала такой. Подскажите где я должна что изменить, чтобы получились как на рисунке
div#box1 {
width: 150pt;
height: 35pt;
border-width: 3pt;
border-color: #000000;
border-style: double;
background: #FFCC99;
position: relative;
left:50pt;
}
div#box2 {
width: 150pt;
height: 35pt;
border-width: 3pt;
border-color: #000000;
border-style: double;
background: #FFCC99;
position: relative;
left:200pt;
}
div#box3 {
width: 150pt;
height: 35pt;
border-width: 3pt;
border-color: #000000;
border-style: double;
background: #FFCC99;
position: relative;
left:350pt;
}

у меня получается так

контейнер, который содержит 3 блока
position: relative;
первый блок modern
position: absolute;
top: ...px;
left: ...px;
z-index:1;
второй блок aktuell
position: absolute;
top: ...px;
left: ...px;
z-index:2;
третий блок kreativ
position: absolute;
top: ...px;
left: ...px;
z-index:3;
*...* в top и в left опытным путем.

не, лучше так:
#modern
{
width: 100px;
background-color: #00CC33;
position: relative;
top: 0px;
left: 0px;
z-index:1;
}
#aktuell
{
width: 100px;
background-color: #33FFFF;
position: relative;
top: -35px;
left: 90px;
z-index:2;
}
#kreativ
{
width: 100px;
background-color: #FF0033;
position: relative;
top: -70px;
left: 180px;
z-index:3;
}

тогда можно и без position: absolute;

Спасибки, получилось