Below is the code I put TOGETHER. It is formatted how I would like, but I cannot get the code to make the sub-text hover when hovering over the main topic. Does anyone have any suggestions?


#sddm
{   margin: 0;
   padding: 0;
   z-index: 30}

#sddm li
{   margin: 0;
   padding: 0;
   list-style: none;
   float: left;
   FONT: bold 20px georgia}

#sddm li a
{   display: block;
   margin: 0 1px 0 0;
   padding: 9px 10px;
        padding-color: #000043;
   width: fit;
        height: 27px;
   background: #A6AED9;
   color: #000043;
   text-align: center;
   text-decoration: none}

#sddm li a:hover
{   background: #49A3FF}

#sddm div
{   position: absolute;
   visibility: hidden;
   margin: 0;
   padding: 0;
   background: #EAEBD8;
   border: 1px SOLID #5970B2}

   #sddm div a
   {   position: relative;
      display: block;
      margin: 0;
      padding: 5px 10px;
      width: auto;
      white-space: nowrap;
      text-align: left;
      text-decoration: none;
      background: #CCCCCC;
      color: #000043;
      font: 20px Georgia}

   #sddm div a:hover
   {   background: #CCCCCC;
      color: #000043}

   
• Home[/URL]
• 
       
     
•         onmouseover="mopen('m2')"
          onmouseout="mclosetime()">Retirement[/url]
                          onmouseover="mcancelclosetime()"
              onmouseout="mclosetime()">
          for Non-High Net Worth[/url]
          for High Net Worth[/url]
         
     

   
• Financial Basics[/url]
                  onmouseover="mcancelclosetime()"
              onmouseout="mclosetime()">
          for Non-High Net Worth[/url]
          for High Net Worth[/url]
         
     


   
• Estate Planning[/url]
                  onmouseover="mcancelclosetime()"
              onmouseout="mclosetime()">
          for Non-High Net Worth[/url]
          for High Net Worth[/url]
         

   
 
• Life Events[/url]
                  onmouseover="mcancelclosetime()"
              onmouseout="mclosetime()">
          for Non-High Net Worth[/url]
          for High Net Worth[/url]
         

   

• Business Owners[/url]
                  onmouseover="mcancelclosetime()"
              onmouseout="mclosetime()">
          for Non-High Net Worth[/url]
          for High Net Worth[/url]
         

   

• COLLEGE Planning[/url]
                  onmouseover="mcancelclosetime()"
              onmouseout="mclosetime()">
          for Non-High Net Worth[/url]
          for High Net Worth[/url]
         

   

• Inheritances[/url]



did you check out http://www.w3schools.com/cssref/sel_hover.asp

also adding

a:hover
{
background-color:yellow;
}

that's an example which you may be able to implement in your code.