Cita:
Iniciado por kseso? 
Para eso no necesitas dos cajas, con una basta, jonee.
La imagen que tienes, símplemente la haces lo suficientemente larga. Recortas la parte izquierda de la imagen y la colocas en el html dentro del div en cuestión.
La otra parte, via css como background no-fepeat right.
Así de sencillo. Si no me he explicado claramente, comenta.
Un saludo
Lo que me explicas lo entiendo perfectamente, haber puede haber una imagen dentro del DIV, ya lo habia pensado pero el problema es el fondo siempre, por los bordes redondeados. en la imagen que puse se puede ver la imagen como deberia ser.
Es por eso que busco hacerlo en dos DIVS, uno al lado del otro, para cada uno tener su propio fondo y que no traigan conflicto visual.
Para realizar lo que hice en la imagen de "como deberia verse" coloque el fondo en blanco en el DIV de 5x28px con la imagen de fondo, pero como el fondo del body no es blanco, se vería mal.
Espero que se entienda