В заголовке таблицы с двумя картинками

[mstdmstd]

Всем привет,
Мне нужно в каждом заголовке таблицы отобразить имя поля и две картинки для указания сортировки справа от лейбла
Если делаю так :

...<th ><table><tr><td>SKU  </td><td><a onclick="javascript:runSort('SKU', 'asc');" ><img src="/images/asc.gif" ></a></td></tr><tr><td> </td><td><a onclick="javascript:runSort('SKU', 'desc');" ><img src="/images/desc.gif" ></a></td></tr></table></th>...

То у меня разваливается вся таблица - я так и не понял почему, так как внутренний <table></table> валиден и нигде не разрывает внешную таблицу

Если делаю так:

<th ><span style="position: relative; top : 11px;">SKU  </span><span style="position: relative; top : -1px; left: 2px; cursor:pointer; "><a onclick="javascript:runSort('SKU', 'desc');" ><img src="/images/desc.gif" ></a></span><span style="position: relative; top : 3px; left: -1px; cursor:pointer; "><a onclick="javascript:runSort('SKU', 'asc');" ><img src="/images/asc.gif" ></a></span></th >

То картинки начинают гулять и их положение сложно отследить и к тому же в зависимости от содержимого таблицы ширина колонок различна.
Подскажите лучшее решение ?

[rus]

код выкладывайте на http://jsfiddle.net/

[mstdmstd]

Подскажите а как это сделать - это php/codeigniter  проект - там php темплейты со со вставками php-кода?

код выкладывайте на http://jsfiddle.net/

[rus]

нет, туда выкладывайте только голый html и css, можно просто вставлять локализованный html в левыое верхнее окно, а в правое верхнее css код - после регистрации само-собой, там по ссылке editor перейдете, вставите код, нажмете save и дадите ссылку сюда.