My original CSS is:
Code:
#nav li:hover ul {display:block; position:absolute; left:0;} #nav li:hover a {color:#CC4400; background:url(../images/barline2.gif) repeat-x;} #nav li:hover ul li a {color:#333333; background:#77DD66;} #nav li:hover ul li a:hover {background:#99FF99;} #nav li { position:relative; float:left; width:105px; border-left:1px solid #668844; list-style:none; } #nav li a { display:block; height:34px; line-height:34px; text-decoration:none; font-size:.94em; font-weight:bold; color:#ffffff; text-align:center; padding:0 5px 0 5px; } #nav li ul { position:absolute; left:-999em; top:34px; } #nav li ul li { clear:left; background:#77DD66; width:105px; border-left:1px solid #668844; border-right:1px solid #668844; border-bottom:1px solid #668844; margin-left:-1px; }
How do I get all that to work on atahualpa??
Moreover, parent items have a 1px solid border on the right and left but NOT top and bottom, and secondary items have a 1px border on left, right, and bottom. Not a solid border all around like the options insist on (and changing the border color to match the bg wont work for me since i intend to have the bg be an image, not a color).