imgの下に点線が入るのを消したい

質問

ＨＰ（xhtml/CSS)で作成しています、素人ですが
こちらのＵＲＬ　http://shinroku.net/graypartner/index.html
で上部にメニュー（赤い部分・・ホーム・トピックス・場所・・）
の箇所なんですがメニューの下に白い点線or破線が入ってしまいます。
特にＣＳＳでもimg側でも点線が出るようには指示してないのですが？
この線を消したいのですが、ご存知でしたら教えてください！
以下ソース記述
<!-- menu -->
<ul id="menu">
<li id="mnu1"><a href="index.html"><img src="menu/tm.gif" width="114" height="44" alt="HOME" title="HOME" /></a></li>
<li id="mnu2"><a href="topics.html"><img src="menu/tm.gif" width="114" height="44" alt="トピックス" title="Topics" /></a></li>
<li id="mnu3"><a href="location.html"><img src="menu/tm.gif" width="114" height="44" alt="場所" title="Location" /></a></li>
<li id="mnu4"><a href="business.html"><img src="menu/tm.gif" width="114" height="44" alt="経済" title="Business" /></a></li>
<li id="mnu5"><a href="population.html"><img src="menu/tm.gif" width="114" height="44" alt="人口・労働力" title="Population Labor" /></a></li>
<li id="mnu6"><a href="industrial.html"><img src="menu/tm.gif" width="114" height="44" alt="工業団地" title="Industral Park" /></a></li>
<li id="mnu7"><a href="contact.html"><img src="menu/tm.gif" width="114" height="44" alt="お問い合わせ" title="Contact" /></a></li>
</ul>
<!-- /menu -->

以下ＣＳＳ記述
body{
margin-top : 5px;
background-color : #666666;
background-image : url(img/back.jpg);
background-repeat : repeat-x;
text-align : center;
margin-bottom : 5px;
}
#container{
width : 800px;
background-color : #000000;
text-align : left;
margin-left : auto;
margin-right : auto;
margin-bottom : 0px;
}
ul#menu{
margin-top : 0px;
margin-left : 0px;
margin-right : 0px;
margin-bottom : 0px;
width : 800px;
height : 44px;
padding: 0px
;}
ul#menu li{
float : left;
list-style-type : none;
}
ul#menu li a{display: block;
text-decoration: none;
outline: none;
}
#mnu1 a{
background-image : url(menu/menu1.gif);
display : block;
text-decoration : none;
background-repeat : no-repeat;
outline: none;
}
#mnu1 a:hover{
background-position : left bottom;}
#mnu1{
margin-top : 0px;
}
#mnu1 img{border-width : 0px 0px 0px 0px;
}
以下#mnu1～#mnu7まで同じ

どこが間違えているのか最近ＣＳＳを勉強しだした次第でして
どなたかお知恵を拝借ください。

もう１点ありまして・・スイマセン
http://shinroku.net/graypartner/industrial.html
こちらのページ内のimg画像下のテキストなのですが
何故か右側が一行下がってしまうのですが左右のレベルを合わせるには
どうしたら良いのでしょうか？
以下ソースに記述
<div class="text01">
<p style="font-family : Arial;">電力会社 ⇒ Warren RECC<br />
・ 敷地内に12.47ｋVの配電線、敷地周辺に161ｋVと69kVの<br />
　送電線<br />
・ 敷地内に新規変電施設</p>
</div>
<div class="text02">
<p style="font-family : Arial;">ガス会社 ⇒ Atmos Energy<br />
・ 敷地北側に8インチの本管<br />
・ US Highway 68号線沿いに4インチの配管、US Highway 31<br />
　号線沿いに2インチと6インチの配管</p>
</div>
以下ＣＳＳ記述
.text01{
width : 380px;
float : left;
font-size : 13px;
font-family : "ＭＳ Ｐゴシック";
line-height : 1.6;
color : #000000;
padding-left : 16px;
padding-right : 5px;
}
.text02{
margin-left : 0px;
font-size : 13px;
font-family : "ＭＳ Ｐゴシック";
line-height : 1.6;
color : #000000;
padding-left : 23px;
}
どなたか宜しくお願いします。

回答No.1

singlecat · ベストアンサー

>の箇所なんですがメニューの下に白い点線or破線が入ってしまいます。
>特にＣＳＳでもimg側でも点線が出るようには指示してないのですが？
>この線を消したいのですが、ご存知でしたら教えてください！

"tm.gif"というのが、ありますが？

お礼

singlecatさんへ

背景で画像を読み込んでますので、aの対象として透過gifを置いて（"tm.gif"）るんです、そしてaltをつけているんですが？
以前、作成した時は問題なかったのですが、画像自体に点線が入っている事はありませんでした。

補足

singlecatさんへ
再度tm.gifを確認しましたら
・・入ってました！
恥かしいッス！
ありがとうございました。
残る問題は
​http://shinroku.net/graypartner/industrial.html​
こちらのページ内のimg画像下のテキストなのですが
何故か右側が一行下がってしまうのですが左右のレベルを合わせるには
どうしたら良いのでしょうか？
以下ソースに記述
<div class="text01">
<p style="font-family : Arial;">電力会社 ⇒ Warren RECC<br />
・ 敷地内に12.47ｋVの配電線、敷地周辺に161ｋVと69kVの<br />
　送電線<br />
・ 敷地内に新規変電施設</p>
</div>
<div class="text02">
<p style="font-family : Arial;">ガス会社 ⇒ Atmos Energy<br />
・ 敷地北側に8インチの本管<br />
・ US Highway 68号線沿いに4インチの配管、US Highway 31<br />
　号線沿いに2インチと6インチの配管</p>
</div>
以下ＣＳＳ記述
.text01{
width : 380px;
float : left;
font-size : 13px;
font-family : "ＭＳ Ｐゴシック";
line-height : 1.6;
color : #000000;
padding-left : 16px;
padding-right : 5px;
}
.text02{
margin-left : 0px;
font-size : 13px;
font-family : "ＭＳ Ｐゴシック";
line-height : 1.6;
color : #000000;
padding-left : 23px;
}

回答No.2

mamanZ

画像その物に点線が入ってないか？？？？？？？？？

お大事に♪

お礼

mamanZさん

ありがとうございました画像に・・・入ってました！
恥かしいッス！