html - Table column fixed width -

i'm having problems setting fixed width table columns. have @ jsfiddle example:

http://jsfiddle.net/stylock/jj6dk/

the middle column should 300px wide, , left column should 80px wide, reason 3 columns same width. knows how fix that?

remove css style of table , should work:

table-layout: fixed; 

demo: http://jsfiddle.net/jj6dk/6/

when set table-layout: fixed table take these algorithms:

• the horizontal layout depends on table's width , width of columns, not contents of cells
• allows browser lay out table faster automatic table layout
• the browser can begin display table once first row has been received