hello,
i am trying to style list of lists to create a menu. i want the top
level menu to be horizontal, and the second level sub-menus to be
vertical and positioned under their parents.
i set the margin and padding on sub-lists to 0, and in FF it does what
i want, but ie7 still shows the sub-lists in the wrong location.
please help.
konstantin
my markup:
<html>
<head>
<title></title>
<style type="text/css">
#m ul, li
{
margin: 0px;
padding: 0px;
}
#m li
{
float: left;
display: inline;
list-style-type: none;
}
#m li li
{
display: block;
list-style-type: none;
float: none;
}
#m ul ul
{
position: absolute;
}
</style>
</head>
<body>
<div id="m">
<ul>
<li><span>____item1____</span>
<ul>
<li>subitem11</li>
<li>subitem12</li>
<li>subitem13</li>
</ul>
</li>
<li><span>____item2____</span>
<ul>
<li>subitem21</li>
<li>subitem22</li>
<li>subitem23</li>
</ul>
</li>
<li>item3</li>
</ul>
</div>
</body>
</html>
--
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
