I have a code as displayed in here : http://jsfiddle.net/db4XL/
The table-layout:fixed seems to divide the child elements into two 50% width.
Is there any posible way to make the div.number width is auto?
Please look at this image for what I want to achieve :

Thanks
This is not possible. If you want the table cells to resize to the content so the left cell is splitted at approx 30% then you’ll have to use percentages. Here’s a working jfiddle:
http://jsfiddle.net/db4XL/7/
What you are asking for just isn’t possible. The standard behaviour for tables using the auto property on all cells is to divide it equally.