rykke <div> op ved siden af en anden <div>

prøv:
#content {
position: relative;
margin-left: 255px;
height: 160px;
border-width: 2px;   
border-style: dashed;   
border-color: gold;
margin-top:-180px;
padding:6px 0px;
margin-bottom:4px;
}

Forresten skriver du konsekvent position:relative; - men det hedder faktisk position:relative;

Til at starte med ku' du jo lige stave rigtigt til relative.
position: relative;

heh, mange tak begge to :)

jaa..sådan går ddet vel nu engang når man bruger for meget copy/paste i stedet for at skrive det hele pr. håndkraft :)
Det virker nu, så hvis i smider et svar ville det være kanon :)

oki-doki

btw. sad lige og kiggede på:
margin-top:-180px;
hvordan skal det tolkes ?

Der kunne også have stået top:-180px; men så ville der være kommet noget dumt hvid, tom plads i bunden - derfor brugte jeg margin-top i stedet.

Grunden til at man skal rykke 180 op er bla. pga. den padding og border du har på de to lyserøde bokse - og så passede det fint med 180px op. Det er nu mere et resultat man kan lege sig frem til - ligesom jeg har sat en padding og margin-bottom på.

du får forresten nogle højde problemmer i mozilla da teksten kommer til at gå ud over div'ens højde. Løsningen kunne her være at skrive:
#content {
....blablabla
}
* > #content {
    height:auto;
    min-height:160px;
}

skovenborg: nå ja, og så var det den lukning jeg kom fra :)
Det havde jeg helt glemt :)

helt i orden - tak for points :-)