HTML
<ul id="main-nav">
<li><p style="text-align: left;"><img src="http://www.imageurl.com" alt="Headline"/></p></a>
<ul>
<li><a href="http://www.url.com" title="floating text" >menu point</a></li>
<li><a href="http://www.url.com" title="floating text" >menu point</a></li>
<li><a href="http://www.url.com" title="floating text" >menu point</a></li>
</ul>
</li>
</ul>





CSS
ul#main-nav {font-family:helvetica,arial,sans-serif;margin:0;padding:0;float:left;width:100%;font-size:1.15em;}
ul#main-nav li {margin:0;padding:0;list-style:none;float:left;margin:0 0.3em 0 0;width:13.5em;}
ul#main-nav li a {text-decoration:none;display:block;padding:0.3em 0.5em;border:1px #3870C4 ;color:#C44939;background:#fff;}
ul#main-nav li a:hover, ul#main-nav li a:focus {border:1px;color:#3870C4;color:#879dc0;font-size:1.1em; background:#fff;}
ul#main-nav li ul {padding:0;display:none;}
ul#main-nav li:hover ul {display:block;}
ul#main-nav li ul li {float:none;}
ul#main-nav li ul li a {font-size:1.0em;}
}