Originariamente inviato da yappo
<style>
html, body {margin:0; padding:0; height:100%; width:100%; background-color:#fff;}
.conteiner {width:600px; background-color:#000; margin:0; padding:0; position:relative}
.div1 {width:300px; background-color:#ff0000; margin:0; padding:0; float:left;}
.div2 {width:300px; background-color:#00CCCC; margin:0; padding:0; float:left;}
</style>

prova e poi fammi sapere
non funziona è esattamente come se fosse un absolute anche se è un relative:

Codice PHP:
<html><style>
html, body {margin:0; padding:0; height:100%; width:100%; background-color:#fff;}
.conteiner {width:600px; background-color:#000; margin:0px; padding:20px; position:relative}
.div1 {width:300px; background-color:#ff0000; margin:0; padding:0; float:left;}
.div2 {width:300px; background-color:#00CCCC; margin:0; padding:0; float:left;}
</style>

<body>

<div class="conteiner">

<div class="div1">

sdfsdf</p>
</div>

<div class="div2">gggggg
</div>

</div>

</body>

</html> 
ho adattato il tuo codice a quello che serve a me! il div1 sfora il conteiner!