Mira vos... muy buena .... voy a probar así muchas gracias.
Lo que hice se parece mucho a una tabla para los que las extrañamos un poco. Y pude usar mi adorado
with: auto;
Por ahora tengo esto pero voy a probar tu alternativa porque es poco ortodoxo creo.
Código HTML:
<style>
#mesafija{
position:fixed;
bottom:0px;
display: table;
width: 90%;
margin: 0 auto;
height:302px;
margin-left:5%;margin-right:5%;
}
#mesatotal{
display: table-row;
}
#mesaizquierda,#mesaderecha{
width: 141px;
display: table-cell;
}
#mesacentro{
background-image:url(images/mesa-centro.jpg);
width: auto;
display: table-cell;
padding: .5em;
}
#mesaizquierda{
background-image:url(images/mesa-izquierda.png);
}
#mesaderecha{
background-image:url(images/mesa-derecha.png);
}
</style>
Código HTML:
<div id="mesafija">
<div id="mesatotal">
<div id="mesaizquierda">
</div>
<div id="mesacentro">
</div>
<div id="mesaderecha">
</div>
</div>
</div>