Posizionamento relativo CSS non funzionante

Per qualche motivo non riesco a posizionare la mia immagine a destra del feed di Twitter. L’ho posizionato relativamente all’interno dei tag DIV del feed di Twitter, ma rimane sotto. Ecco il link live: http://www.lymemd.org/indexmm6.php

Il mio CSS:

#twitterfeed { position: relative; } #drshow { position: relative; left: 200px; } 

Il mio HTML:

 
!function(d,s,id){var js,fjs=d.getElementsByTagName(s[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s); js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
Diane Rehm Show Image

Aggiunta del display:inline-block sembra risolverlo:

 #drshow { position: relative; display:inline-block } 

Perché non usare i galleggianti?

 .twitter-timeline { float: left; } #bannerArea { clear: left; } 

Non sono sicuro se la #bannerArea è dove vuoi cancellare, ma è un inizio! Uno dei principali vantaggi è che il layout si regolerà se lo schermo del visitatore è troppo stretto per essere visualizzato sia orizzontalmente. Puoi anche applicare il float ad altri elementi principali e non devi preoccuparti del posizionamento relativo o assoluto.

Se #twitterfeed è position:relative , #drshow deve essere position:absolute per ottenere ciò.

 #drshow { position: absolute; top: 0px; left: 30px; }