#menu-footer li:nth-child(3) ul{
width:520px;
}
#menu-footer li:nth-child(3) ul li{
width:240px;
margin-right:20px;}

<ul id=”menu-footer”>
<li><a href=”index.php”>HOME</a>
<ul>  # 1 ul
<li><a href=””>Site map</a></li>
<li><a href=””>Contact Us</a></li>
</ul>
</li>

<li><a href=”JavaScript:void(0);”>About Us</a>
<ul>  # 2 ul
<li><a href=””>OUR HISTORY</a></li>
<li><a href=””>Firm Updates</a></li>
</ul>
</li>

<li><a href=”JavaScript:void(0);”>THE Firm’s Practices</a>

<ul class=”third”> # 3 ul (Need class ‘third’ on this) so we can use the above css
<li><a href=””>Estate Planning</a></li>
<li><a href=””>Trusts and Trust</a></li>
<li><a href=””>Administration</a></li>
</ul>
</li>
<li class=”last”><a href=”JavaScript:void(0);”>Our Attorneys</a></li>
</ul>

Advertisements