About Quomon
Quomon is a network of IT professionals from around the world, collaborating by sharing knowledgeable answers in their specific field of expertise.
On our website www.nutricentre.com I wanted to have a brands drop down list that calls a topic from within our CMS.
The code I have for the drop down is
<li class="brandsmenu"><a href="/e-brands.aspx">BRANDS</a></li>
<div class="dropdown">
<ul class="column">
<h3>All Brands</h3>
<li><a href="/e-brands.aspx" shape="rect">A-Z list brands; </a></li>
<a href="/e-brands.aspx" shape="rect"> </a>
<li><a href="/bestsellers.aspx" shape="rect">Top Ten</a></li>
</ul>
<ul class="column">
<h3>Featured Brands</h3>
<li><a href="/m-415-arkopharma.aspx" shape="rect">Arkopharma</a> </li>
<li><a href="/m-429-gillian-mckeiths.aspx" shape="rect">Gillian McKeith's</a> </li>
<li><a href="/m-1-solgar.aspx" shape="rect">Solgar</a> </li>
<li><a href="/m-28-vega.aspx" shape="rect">Vega</a> </li>
<li><a href="/m-33-nutrigold.aspx" shape="rect">Nutrigold</a> </li>
<li><a href="/m-62-higher-nature.aspx" shape="rect">Higher Nature</a> </li>
<li><a href="/m-583-health-plus.aspx" shape="rect">Health Plus</a> </li>
<li><a href="/m-95-nutri-ltd.aspx" shape="rect">Nutri Ltd</a> </li>
<li><a href="/m-123-natures-plus.aspx" shape="rect">Natures Plus</a> </li>
<li><a href="/m-138-viridian-nutrition.aspx" shape="rect">Viridian Nutrition</a> </li>
<li><a href="/m-139-biocare.aspx" shape="rect">Biocare</a> </li>
<li><a href="/m-143-a-vogel-bioforce.aspx" shape="rect">A. Vogel (Bioforce)</a> </li>
<li><a href="/m-384-lamberts-healthcare.aspx" shape="rect">Lamberts Healthcare</a> </li>
<li><a href="/m-162-nelsons.aspx" shape="rect">Nelsons</a> </li>
<li><a href="/m-197-now.aspx" shape="rect">Now</a> </li>
<li><a href="/m-409-optibac-probiotics.aspx" shape="rect">Optibac Probiotics</a> </li>
</ul>
<ul class="column">
<h3>Featured Brands</h3>
<li><a href="/m-483-books.aspx" shape="rect">Books</a> </li>
<li><a href="/m-151-zita-west.aspx" shape="rect">Zita West</a> </li>
<li><a href="/m-253-xynergy.aspx" shape="rect">Xynergy</a> </li>
<li><a href="/m-50-weleda.aspx" shape="rect">Weleda</a> </li>
<li><a href="/m-253-xynergy.aspx" shape="rect">Xynergy</a> </li>
<li><a href="/m-559-better-you.aspx" shape="rect">Better You</a> </li>
<li><a href="/m-562-minami-nutrition.aspx" shape="rect">Minami Nutrition</a> </li>
<li><a href="/m-308-nordic-naturals.aspx" shape="rect">Nordic Naturals</a> </li>
<li><a href="/m-214-pharma-nord.aspx" shape="rect">Pharma Nord</a> </li>
<li><a href="/m-146-natural-health-practice.aspx" shape="rect">Natural Health Practice</a> </li>
<li><a href="/m-576-unbeelievable.aspx" shape="rect">Unbeelievable</a> </li>
</ul>
</div>
the css is
li.brandsmenu { position: relative; z-index: 250; }
.dropdown { opacity:0.9;filter:alpha(opacity=90); display: none; width: 470px; padding: 5px 5px 0px 5px; background-color: #fff; z-index: 300; position: absolute; top: 34px; left: 0px;}
#header ul.top_navi .dropdown ul.column { float: left; width: 150px; padding: 10px 5px 0px 0px; margin: 0px; height: 300px; }
#header ul.top_navi .dropdown ul.column li { background:url(images/bullet_brands.gif) 0px center no-repeat; padding: 2px 0 2px 15px; float: none; display: block;color:#727272; font-size:12px; line-height:14px;}
#header ul.top_navi .dropdown ul.column li a { cursor: pointer; padding: 0px; float: none; font-weight: normal; color:#727272; font-size:12px; line-height:14px;background: none; background-color: #fff;text-shadow:none;}
#header ul.top_navi .dropdown ul.column li a:hover{color:#80923f;}
#header ul.top_navi .dropdown ul.column h3 { color: #90AC40; font-weight: bold; }
#wrapper{position: relative; z-index: 1; }
Where am I going wrong?
Quomon is a network of IT professionals from around the world, collaborating by sharing knowledgeable answers in their specific field of expertise.