CSS Drop Down menu Issues

Get Started
1

Trying to turn a template imaged menu into a drop down.

http://www.mymarketingsolutions.com/Site/Copyindex.html

As you can see the hover effect over “Solutions” works… but keeps the elements inline floated left instead of actually dropping down.

Any help would be very much appreciated.

Thanks in advance.

Ryan.

CSS:

header ul.menu{margin:0; padding:0; list-style:none;}
header ul.menu li{ margin:0; display:inline}
header ul.menu li a{color:#444444; text-decoration:none; width:140px; text-align:center; display:block; float:left; line-height:50px; background:url(../images/bg_menu.gif) top left no-repeat; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.26em; font-weight:bold;} 
header ul.menu li a:hover { color:#fff; text-decoration:none; background:url(../images/bg_menu-act.gif) top left no-repeat;}
header ul.menu li a.current{color:#fff; text-decoration:none; background:url(../images/bg_menu-act.gif) top left no-repeat;  }

header .menu ul{display: none; position: absolute;}
header .menu ul a:hover{display: block;}
header li:hover > ul {display: block;}

HTML:

<nav>
                        <ul class="menu">
                            <li><a href="index.html" class="current">Home</a></li>
                            <li><a href="#">Company</a></li>
                            	<li><a href="http://">Solutions</a>

		<ul>
			<li><a href="managedmarketing.html">Managed Marketing</a></li>
			<li><a href="webmarketing.html">Web Marketing</a></li>
			<li><a href="marketingcollateral.html">Marketing Collateral</a></li>
			<li><a href="promoproducts.html">Promotional Products</a></li>
			<li><a href="emarketing.html">e-Mail Marketing</a></li>
			<li><a href="marketingxpress.html">Marketing Xpress</a></li>
				
	</li>			
		</ul>
                            <li><a href="whymms.html">Why Us?</a></li>
                            <li><a href="#">Programs</a></li>
                            <li><a href="#">Insights</a></li>
                            <li><a href="contact.html">Contact</a></li>                        
                        </ul>
                    </nav>
2

only thing I see is that the unordered list for the submenu is nested incorrectly…

<li><a href="http://">Solutions</a>
   <ul>
      <li><a href="managedmarketing.html">Managed Marketing</a></li>
      <li><a href="webmarketing.html">Web Marketing</a></li>
      <li><a href="marketingcollateral.html">Marketing Collateral</a></li>
      <li><a href="promoproducts.html">Promotional Products</a></li>
      <li><a href="emarketing.html">e-Mail Marketing</a></li>
      <li><a href="marketingxpress.html">Marketing Xpress</a></li>
[COLOR="Red"]</li>			
   </ul>[/COLOR]