IEでのテーブル表示について

質問

こんにちは。

web作成初心者です。
今回ホームページ作成することになり，一から（テンプレートを使わずに）必死にもがいております。
いろいろ新たに知ることは多く，CSSの初期化は理解し実装しております。

そこで，今回ドロップダウンメニュー（CSS）の下に左に画像，右に文書を入れたいと思い，
tableを入れてみたのですが…firefoxではきれいに表示されるのですが，
IEでは表示されません（文字のみ表示）。
いろいろ調べてみても原因が不明です。
tdの中の　border-width : 1px;　を外せば枠線は表示されますが色が反映しません。
いろいろご教授よろしくお願いいたします。

［HTML］
<table class="top" border="1">
<tbody><tr>
<td>aaa</td>
<td>bbb</td>
</tr></tbody></table>

［CSS］
.top{
position : absolute;
top : 122px;
width : 792px;
height: 200px;
z-index : 1;
}

.top td
{
border-color : red;
border-width : 1px;
}

回答No.1

outbrave · ベストアンサー

border-styleの設定で表示されるのではないでしょうか。

.top td
{
border-color : red;
border-width : 1px;
border-style: solid;
}

または

.top td
{
border: solid 1px #f00;
}

お礼

すばらしい。感謝です！！