bionic
Если вы ставили код отсюда, то там написано, что стильевые плюшки вставляются в хтмл-верх. Найдите там и просто поменяйте widht: 180px; на меньшее значение, это проще, чем менять все меню, разве нет?
Все подобные контейнеры работают по одному принципу.
На счет замены кнопок картинками, надо всего-лишь действительно привести строчки в скинутом вами коде к такому виду:
<table style="width: 100px">
<tbody>
<tr>
<td valign=top>
<div id="menu"> <b>
<span alt="#sm4" style="cursor: pointer;"><img src="ссылка на картинку первой кнопки" ></span>
<span alt="#sm4" style="cursor: pointer;"><img src="ссылка на картинку второй кнопки" ></span>
<span alt="#sm4" style="cursor: pointer;"><img src="ссылка на картинку третьей кнопки" ></span>
<span alt="#sm4" style="cursor: pointer;"><img src="ссылка на картинку четвертой кнопки" ></span>
<span alt="#sm4" style="cursor: pointer;"><img src="ссылка на картинку пятой кнопки" ></span>
</b>
</div>
</td>
<td id="MenuTxT" align="center" valign="top">
<div id="submenu" align="center">
<div id="sm1" class="submenutext" style="display:block;">
текст<br><br></div>
<div id="sm2" class="submenutext"><br/>
текст
</div>
<div id="sm3" class="submenutext"><br /><br />
текст<br>
</div><div id="sm4" class="submenutext"><br /><br />
текст
</div><div id="sm5" class="submenutext"><br /><br />
текст
</div></div>
</td>
</tr>
</tbody>
</table>