On my continuing quest to return to 'haulpa the final obstacle is the menu.

Briefly, the menu at beta.arielsilverstone.com/test should be the same as arielsilverstone.com . I added the following css, and no dice. I am waay out of my depth. And yes, I tried with over 200 other lines too....

ul.rMenu ul,
ul.rMenu li,
ul.rMenu a,
ul.rMenu {
display:inline;
background: url(http://arielsilverstone.com/wp-conte...img/menu.gif);
list-style:none;
color:#382E1F;
height:27px;
line-height:27px;
padding:0 0px;
margin-left:-10px;
position: relative;
font-size:11px;
float:left;
z-index:1;
}

ul.rMenu ul
{
display: none; /* hide the sub-menus until needed */
backgrond: url(http://arielsilverstone.com/wp-conte...img/menu.gif);
}
ul.rMenu-ver li
{
float: none; /* clear this so vertical sub-menus that are children of horizontal menus won't have their LI widths set to auto. */
}

Please no multiple identical threads

Flynn,

Thank you. I closed the other thread because of it's title was not descriptive. I love your theme and want to go back to it!

You will definitely need Firebug for that.

Don't use position, display, and float.

You need to set the borders on the UL and the LI's to none, and background-color on the LI and background on the UL to transparent, in Atahualpa, then apply line-height, height, padding, background-image on the A's.

Most rules will need a !important, plus you need to address the elements with their parent elements incl. ID, plus the A's spelled out as "a:link, a:visited, a:active and a:hover", as done in Atahualpa, or else the styles won't be overwritten because your new styles are not specific enough.

OK, here is what I have so far, but it is not.... complete.

ul.rmenu {
background: background: url(http://arielsilverstone.com/wp-conte...e/img/menu.gif) no-repeat scroll 0 0;
}
div#menu1 li {
list-style-image:none;
list-style-positionutside;
list-style-type:none;
}
div#menu1 li a.home {
background-position:0 -93px;
margin-left:0;
padding:0;
text-indent:-999em;
width:45px;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-originadding;
background: url(http://arielsilverstone.com/wp-conte...e/img/menu.gif) no-repeat scroll 0 0;
color:#382E1F;
font-size:11px !important;
height:31px !important;
line-height:31px !important;
text-decoration:none;
z-index:1;
}
div#menu1 li a,a:link, a:visited, a:active and a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-originadding;
background: url(http://arielsilverstone.com/wp-conte...e/img/menu.gif) no-repeat scroll 0 0;
color:#382E1F;
font-size:11px;
height:31px;
line-height:31px;
text-decoration:none;
z-index:1;
}
div#menu1 li ul {
-moz-background-inline-policy:continuous;
-moz-background-originadding;
background: transparent;
border-style:none;
line-height:0;
z-index:1;
}

ok, I listened very carefully, and made a bunch of progress. It almost there. I am missing something, and sure there are some duplicates below. Can you help? Havent figured out what is wrong with the a's or a:hover.

#rmenu2 ul {
background:#ffffff url(http://arielsilverstone.com/wp-conte...e/img/menu.gif) no-repeat scroll 0 0 !important;
border-bottom:1px solid #A6A6A6 !important;
color:#4C4C4C !important;
height:31px !important;
line-height:31px !important;
}

#rmenu2 li {
display:inline;
list-style:none;
list-style-image:none;
list-style-positionutside;
list-style-type:none;
height:31px !important;
line-height:31px !important;
margin-top: 0 !important;
}

#rmenu2 li a {
display:block;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-originadding;
background: transparent url(http://arielsilverstone.com/wp-conte...e/img/menu.gif) no-repeat !important;
color:#382E1F !important;
height:31px !important;
line-height:31px !important;
padding:0 20px !important;
margin-left:-10px;
text-decoration:none;
font-size:11px;
float:left;
z-index:1;
}


#rmenu2 li a:hover,
#rmenu2 li a.current {
background-position:0 -31px;
display:block;
}

#rmenu2 li.current_page_item a{
background-position:0 -62px;
}

#rmenu2 li a.home {
background-position:0 -93px;
width:45px;
padding:0;
margin-left:0;
text-indent:-999em;
}

#rmenu2 li a.home:hover {
background-position:0 -124px;
}

#rmenu2 li li {
display:block;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-originadding;
background:#F4F5F7 none repeat scroll 0 0;
border-color:#A6A6A6;
border-style:solid;
border-width:1px 1px 0;
position:absolute;
z-index:1;
}

#rmenu2 li.current_page_item a.home {
background-position:0 -155px;
}

#rmenu2 li a.lastmenu:hover {
background-position:0 0;
cursor:default;
}

#rmenu2 ul.rMenu-hor li {
float:none;
width:auto;
margin-top: 0 !important;
margin-bottom:-1px;
margin-left:-1px;
}

ul.rMenu {
float:none;
width:auto;
background:#ffffff url(http://arielsilverstone.com/wp-conte...e/img/menu.gif) no-repeat scroll 0 0 !important;
border-bottom:1px solid #A6A6A6 !important;
color:#4C4C4C;
padding: 0 20px;
}

bump........