Tabla de CSS margen derecho en div desplazable

Tengo div con “overflow: scroll” y tabla de tamaño fijo en el interior.
Necesito agregar un espacio vacío debajo y a la derecha de la tabla.
Estoy usando el siguiente código, sin embargo, agrega espacio solo debajo de la tabla, el margen derecho no funciona por alguna razón …

¿Es posible sin cambiar la estructura html?

 div{ display: inline-block; width: 100px; height: 100px; background: blue; overflow: scroll; } table{ table-layout: fixed; background: red; margin-bottom: 20px; /* working */ margin-right: 20px; /* not working */ } td{ min-width: 150px; max-width: 150px; }  
a
b
c
d

JSFiddle: http://jsfiddle.net/7cdzh0cn/

También he intentado agregar rellenos al DIV, pero no funcionan, el DIV solo aumenta de tamaño.

Nota : No quiero cambiar el tamaño del DIV o el tamaño de la tabla, deberían permanecer igual. Lo único que quiero es vaciar espacio dentro de DIV después de la tabla a la derecha y debajo de ella.

Podría restablecer la display:table predeterminada display:table a display:table en inline-table .

 table { display: inline-table; } 
 div { display: inline-block; width: 100px; height: 100px; background: blue; overflow: scroll; } table { display: inline-table; table-layout: fixed; background: red; margin-bottom: 20px; margin-right: 20px; } td { min-width: 150px; max-width: 150px; } 
 
a
b
c
d

El div , no tiene el width correcto. Agregando 120px (20 120px al margen) y redimensionando la tabla a 100px este trabajo.

CSS:

  div{ display: inline-block; width: 120px; /* Updated*/ height: 120px; /* Updated*/ background: blue; overflow: scroll; } table{ table-layout: fixed; background: red; margin-bottom: 20px; margin-right: 20px; width: 100px; /* added */ } td{ min-width: 150px; max-width: 150px; } 

Manifestación

Eliminar el atributo de ancho para el div. Todo funcionará bien como se esperaba.

 div{ display: inline-block; height: 100px; background: blue; overflow: scroll; } 

Usted necesita agregar relleno-izquierda en su estilo de tabla

reemplaza tu mesa css

  table{ table-layout: fixed; background: red; margin-bottom: 20px; /* working */ margin-right: 20px; /* not working */ padding-left: 23px; } 

Aquí la demostración de jsfiffle: http://jsfiddle.net/sL8zxLbn/