Плавающие над DIV с CSS

Question

У меня есть этот простой сайт

<div style=" position: relative; margin-right: 40px;"> 
    <div style="float: left; width: 200px; position: relative;">Left Stuff</div> 
    <div style="float: left; width: 100px; position: relative;">Middle Stuff</div> 
    <div style="float: right; width: 200px; position: relative; margin-right: 40px;">Right Stuff</div> 
    <br style="clear: left;" /> 
</div> 

, и я хочу, что «правильный материал» поплавок над «средним» вещи, а не под серединой вещи на изменении размеров окна.

Currend на изменение размера:

Left Stuff    Middle Stuff 
           Right Stuff 

Я хочу:

Left Stuff    Middle SRight Stuff 

Как я могу получить этот "эффект"?

Answer 1

Изменить право дел до

<div style="position:absolute; right:0; width: 200px; margin-right: 40px;">Right Stuff</div>

DEMO