<TD> tag ignoring width in CSS
You have to change your table-layout algorithm to fixed
in place of the default value, auto
jsFiddle
More info from the W3C regarding the fixed
table-layout value:
http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout
width property of td and th elements is not supported at HTML5, still you can get a workaround by setting their display to inline-block and setting their width via CSS.
You need to add table-layout:fixed
to your table CSS:
table { float:left;table-layout:fixed; }
jsFiddle example