I am working on a horizontal menu using strictly css, but I have one last problem that I cannot solve. When the user is anchored, I want the entire box to be highlighted, and not just where the words end. The problem is that the shortcut line exceeds the space I want to allocate, and if I use overflow: hidden, it also hides my third submenu! I will attach html and css - I would really appreciate help here. Thank you very much!
<div id="navigation"> <ul> <li> services <ul> <li>Wills</li> <li>Powers of Attorney</li> <li><Real Estate Transactions</li> <li>Business and Corporate</li> <li>Estate Planning </li> <li>Estate Administration </li> <li>Employment Law</li> </ul> </li> <li> resources <ul> <li>Downloadable PDFs</li> <li>Links</li> </ul> </li> <li> case studies </li> <li> about us <ul> <li>The Team Concept</li> <li>Community Involvement</a></li> <li>Partner Profiles </a> <ul> <li> Gerald Bizan </li> <li> D. Bromley Davis</li> <li> Phillippe Sills</li> <li> Marc Elley </li> </ul> </li> </ul> </li> <li> contact us <ul> <li>< Contact Information</li> <li> Location Map</li> </ul> </li> </ul> </div>
source share