Markup bzw. CSS bei diesem Schnipsel in Ordnung?

[HanSolo]

Bachte, dass ich nicht #outer mit display: inline-block beschreibe, sondern dessen unmittelbare Children

So hab's jetzt so gemacht:

  
                       div.picWithText > *{  
                             display: inline; /* MSIE und Opera Trigger */  
                             display: inline-block;  
                             vertical-align: middle;	  
                        }  
  
                        div.picWithText img {  
                                width: width: 30%;  
                                height: 320px;  
                                background: green;  
                        }  
  
                        div.picWithText div {  
                                width: 69.9%;  
                                height: 320px;  
                                background: blue;  
                        }  

Scheint jetzt zu funktionieren. Die ein oder andere Frage hab ich trotzdem noch:

1.)
Ist die Verwednung von "> *" zur Auswahl der direkten Kinder in alles Browser Nutzbar oder machen hier manche Browser Probleme?

2.)
Die drei zeilen die das Foto beschreiben werden leider immernoch nicht zentriert angezeigt. Ohje, warum ist das nur so kompliziert. Ich bin echt am verzweifeln.