Ya solucione mi problema! Es tan facil como poner dentro de mi <div> otro div jejeej.
<div direction="rtl" ....>
<div direction="ltr" ..>
</div>
</div>
De esta forma consigo que aparezca la barra a la izquierda y dentro contenido alineado de izquierda a derecha (como estamos acostumbrados vaya).
Espero que sea compatible como minimo con firefox. Todavia no he podido probarlo en firefox.