How can I set the widths of a two-row header table with table-layout: fixed?

[NETAWEY]

the table header I want:\[code\]<table class="tabel_op_panou" style="margin: 0px 2px 0px 2px; width: 99%; table-layout:fixed;"><tr> <th rowspan="2" style="width: 35%;">A</th> <th colspan="2" style="width: 25%;">B</th> <th colspan="3" style="width: 40%;">C</th></tr><tr> <th style="width: 8%;">B1</th> <th style="width: 17%;">B2</th> <th style="width: 8%;">C1</th> <th style="width: 17%;">C2</th> <th style="width: 15%;">C3</th></tr>\[/code\]The problem is no matter how I set the widths, the 2nd row stays the same. I tried percentages and fixed pixel widths.Removing table-layout from the style seems to work but I need the fixed layout. Is there any way to do it while keeping "table-layout: fixed"?I want the layout in the end to look something like this but with table-layout: fixed/