HP作成について。
ロールオーバー部分について教えて下さい。
IEだけ、上手く表示されません。
どこが間違っているのか見当がつかず苦戦しております。
無知で申し訳ありませんがお願いします。 【HTML】
<div id="menu">
<ul id="gnavi" class="clearfix">
<li><a href="#"><img src="img/top.jpg" width="125" height="30" alt="トップページ" /></a></li>
<li><a href="#"><img src="img/○○.jpg" width="125" height="30" alt="○○紹介" /></a></li>
<li><a href="#"><img src="img/syouhinnitiran.jpg" width="125" height="30" alt="商品一覧" /></a></li>
<li><a href="#"><img src="img/osiharai.jpg" width="125" height="30" alt="お支払" /></a></li>
<li><a href="#"><img src="img/tizu.jpg" width="125" height="30" alt="地図" /></a></li>
<li id="gnavi06"><a href="#"><img src="img/toiawase.jpg" width="125" height="30" alt="問い合わせ" /></a></li>
</ul>
</div><!----/menu ---->
【CSS】
#menu{
width:750px;
height:30px;
background-color:#FFF;
}
#menu li{
float:left;
margin:0 auto;
}
【reset css】
body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,
table,th,td,
form,select,option,input
address,pre,storong,em,iframe{
margin:0;
padding:0;
font-size:small;
}
/*デフォルト文字設定*/
h1,h2,h3,span,p,th,td,dt,dd,li,
select,textarea,input{
font-size:small;
color:#333333;
line-height:1.4;
/*◆画像の枠線を非表示*/
img{
border:0;
}
/*リストマーカーを非表示*/
ul,
ol{
list-style-type:none;
}
/*デフォルトリンク色の設定*/
a:link{
color:#0090ff
}
a:visited{
color:#0090ff;
}
a:hover{
color:#ff6600;
}
a:active{
color:#ff6600;
}
/*サイト共通スタイル*/
/*-----------------------
cleafix
------------------------*/
.clearfix:after {/*for modern browser*/
content:".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
display: block;
clear: both;
height: 0;
visibility: hidden;
}
/* exlude MacIE5 */
* html .clearfix{height: 1% }
.clearfix {display:block;}
/* end Macie5 */
.clearfix {/*for DreamWeaver View*/
overflow:hidden;
}
これで伝わりますでしょうか・・。
どうぞ、宜しくお願いします(泣)
