IE で動作させる方法を理解していません。このコードは mozzila と chrome で動作します。レジスタにカーソルを合わせると、A レジスタと B レジスタのリスト項目が表示されません。ヘルプをいただければ幸いです。これは php コードです。
<?php
$list.="<li ><a href=\"\">Register</a>
<ul><li><a href=\"a.php\">A Register</a></li>
<li><a href=\"b.php\">B Register</a></li></ul>
</li>";
?>
そしてこれはcssです
/* Lists */
ul, ol {
margin: 10px 20px;
padding: 0 20px;
}
ul { list-style: disc; }
ol { list-style: decimal; }
/* Header */
#header {
position: relative;
margin: 0 auto;
height: 245px;
}
/* navigation */
#header #nav {
position: absolute;
left: 0px; bottom: 20px;
margin: 0; padding: 0 0 0 20px;
width: 900px;
border-bottom: 1px solid #F2F2F2;
/* z-index: 99999; */
}
#header #nav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#header #nav ul li {
float: left;
margin: 0; padding: 0;
list-style: none;
position: relative;
display: inline;
}
#header #nav ul li a:link,
#header #nav ul li a:visited {
float: left;
margin: 0;
padding: 5px 15px 10px 15px;
color: #666666;
font: bold 14px 'Trebuchet MS', Arial, Sans-Serif;
text-transform: uppercase;
border-right: 1px solid #EEE;
}
#header #nav ul li a:hover{background-color: #D14836;
color: #FFFFFF;
}
#header #nav ul li a:active {
diasplay:block;
border: none;
color: #000;
border-right: 1px solid #EEE;
}
#header #nav ul li#current a {
background: transparent url(../images/current.gif) repeat-x left bottom;
color: #222;
}
#header #nav ul li.first a:link,
#header #nav ul li.first a:visited {
border-left: 1px solid #F1F1F1;
}