mover la primera Div aparecen bajo el segundo en CSS

Question

Mi código html se ve así:

un div envoltorio (porcentaje de anchura, flotaba izquierda) que contiene:

1. Una div que contiene el texto y campo de golf;
2. Una Div que contiene una imagen;

El problema: Quiero mantener el orden de codificación como la de arriba, pero para la experiencia del usuario Quiero invertir el orden divs uso de CSS para conseguir algo como esto:

Nota: la envoltura div es 20%, flotaba a la izquierda, seguido de otros 4 divs similares en esa página.

Ty!

Este es el enlace de violín:

http://jsfiddle.net/sexywebteacher/4sbQf/

Answer 1

http://jsfiddle.net/QGyNN/

HTML

<div id="wrapper"> 
    <div id="txt"> 
    </div> 
    <div id="img"> 
    </div> 
</div>​ 

CSS

div#wrapper 
{ 
    height:100px; 
    width:60px; 
    border:1px solid black; 
    position:relative; 
} 
div#txt, div#img 
{ 
    position:absolute; 
    margin: 5px; 
    width:50px; 
} 
div#img 
{ 
    top:0px; 
    height: 60px; 
    border:1px solid red; 
} 
div#txt 
{ 
    bottom:0px; 
    height:20px; 
    border:1px solid green; 
}​