box fluttuanti

[techno]

Salve devo effettuare tre box div che fluttuano a destra ma l'ultimo "right" deve sovrastare di poco il penultimo box "center" o fatto questo:

css:

div#left { position:relative; width:300px; margin:0; float:left; }
div#center { position:relative; width:900px; margin:0; float:left; }
div#right{ float:left; margin-left:-90px; margin-top:40px; z-index:10; }

html:

<div id="left">...</div>
<div id="center">...</div>
<div id="right">...</div>

ma non capisco il perchè il box "right" va sotto a quello "center".

Come posso portare il box "right" al di sopra di quello "center"???

[codencode]

Al div#right aggiungi position:relative;