ボタンのすぐ横に画像を表示させたい

質問

私は今個人的なＨＰをつくっています。
そこで、どうしてもうまく表示されない部分があるので知っている方がいましたらご教示お願いします。

【やりたい事】
ＨＰの形は上下２ペイン型です。
ページ上のセンターにロールオーバー式の四角いボタンを設置してあります。
そのすぐ横にボタンと同じ色の画像を敷き詰めて、<hr>のような一本の横ラインを表示させたい。

【現在のソース(<hr>のようにしたい所)】
※同テーブル内にボタンの記述もあります。

<table Cellspacing="0" Cellpadding="0" width="750" height="28" align="center">
<tr>
<td>
<div style="width:250px;height:30px;background-image:url('xxx.jpg');overflow:hidden;">
<hr style="display:none">
</div>
</td>

【制作環境】
Dreamweaver 8

そもそもこのやり方に無理があるのでしょうか…。
デザインを見直した方が早いのでしょうか。

よろしくお願いします。

回答No.1

asamixxx

■がボタン、□がボタンと同じ色の画像としたときに、
□□□・・・□□■□□・・・□□□
こんなかんじにして、この□～□までの横幅が750pxにしたいということですか？

補足

回答ありがとうございます。
ゴチャゴチャなソースでお恥ずかしいです。

□□□・・・□□■□□・・・□□□
　　　　　　　　　　↑
このボタンのテーブルの長さが７５０ｐｘと指定しているつもりです。
すぐ横にくる画像の横の長さは、ブラウザの端まで表示させたいです。