.megamenu{ position: absolute; display: none; left: 0; top: 0; background: white; border: 1px solid #6CA6CD; border-width: 5px 1px 1px 1px; padding: 10px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Verdana", sans-serif; font-size: 11px; z-index: 100; } .megamenu .column{ float: left; width: 180px; /*width of each menu column*/ margin-right: 5px; } .megamenu .column ul{ margin: 0; padding: 0; list-style-type: none; } .megamenu .column ul li{ padding-bottom: 5px; } .megamenu .column h3{ background: #6CA6CD; font: bold 13px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Verdana", sans-serif; color: #FFFFFF; margin: 0 0 5px 0; padding: 2px; } .megamenu .column ul li a{ color: #9E8E7F; text-decoration: none; font-weight: normal; } .megamenu .column ul li a:hover{ color: #9E8E7F; text-decoration: underline; font-weight: normal; }