I am getting stuck on the part of trying to hide my nested ul. I read the tutorial on A List Apart and followed every detail but the nested ul will not hide.
Here is a link to the picture of my output:
http://i34.photobucket.com/albums/d129/konvict215/suckerfish.jpg
Here is the Css:
body{
background:#fff;
}
ul {
padding: 0;
margin: 0;
list-style: none;
}
li {
float: left;
position: relative;
width: 10em;
}
li ul {
display: none;
position: absolute;
top: 1em;
left: 0;
}
Here is the html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Suckerfish Stuff</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="core.css" rel="stylesheet" type="text/css">
</head>
<body>
<ul>
<li>First list item</li>
<ul>
<li>1st nested list item</li>
<li>2nd nested list item</li>
</ul>
<li>2nd list item</li>
<li>3rd list item</li>
</ul>
</body>
</html>
Any help is appreciated. Thanx!!