> It's hard to believe that anybody  
> would refuse to help answer me because I have more than one ID in my  
> example page.

Hi Tee,

To be honest I am a little confused by your menu hierarchy. Is "Popular" a
heading or a sub menu element? Anyway your HTML structure was incorrect as
you had a <li> element a direct child of another <li> element. Here is what
I _think_ you were trying to achieve:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml";>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#tab {position: relative; background: olive url(tab_bg.gif) repeat-x; width:
800px; border-top: solid #cd3333 1px; margin: 0; }
#tab ul {list-style: none; margin-top: 24px; padding-bottom: 35px; }
#tab ul li ul {display: inline; margin: 0; padding: 0; background: #ddd; }
#tab ul li ul li {border-right: #333 solid 3px; }
#tab ul li ul li.first {border-right: #333 solid 3px; border-left: #333
solid 3px; }
#tab li {display: inline; padding: 0 !important; }
#tab li a { display: inline; font-size: .8em; color: #333; margin: -65px 0 0
0 !important; background: #ddd; text-decoration: none; }
#tab ul li ul li a { padding: 0 !important; }
#tab li a:link { display: inline; font-size: .8em; color: #333; background:
#ddd; padding: 4px 15px 3px 15px; margin: 0; }
#tab li a:hover {color: #fff; background: #333; }
#tab a:active, #tab li#active a {font-size: 1em; background: olive; padding:
10px 20px; color: #fff; }
-->
</style>
</head>

<body>

        <div id="tab">
                <ul>
                        <li id="active"><a href="#">you are here</a></li>
                        <li> 
                                <a href="#">Popular</a>
                                <ul>
                                        <li class="first"><a
href="#">today</a></li>
                                        <li><a href="#">this week</a></li>
                                        <li><a href="#">this month</a></li>
                                </ul>
                        </li>
                </ul>
        </div> 
 
</body>
</html>

Regards,
Kepler



*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************

Reply via email to