Innanzitutto ci sono errori concettuali nel css, in quanto usi display:inline e float contemporaneamente il che è una contraddizione. Il float è una proprietà degli elementi block e non inline.
E poi, se ho capito il tuo problema, il fatto che il testo ecceda dalla fascia superiore e vada nella pagina dipende dalla dimensione fissa che hai dato a #barralta.
Se togli l'altezza fissa, utilizzando i margini e i padding per mantenere distanziato il cotenuto dal top e dal bottom, non dovresti avere problemi.