envoyer

a million thank you’s to you, this worked like a charm, thanks again!!

I guess I want the menu to fit all in one row, is this not going to be possible? I wanted it to adjust so that it would fit no matter the screen size, it just looks awful on smaller screen sizes when it moves down into a second menu which I have no background for, it looks really off. Sorry if I am not getting this across clearly enough.

sorry, I forgot to mention my website URL, if that’s needed, its http://www.candlelitlife.com

This is the menu coding on my style sheet, I assume that’s what you meant by post code?

.header-menu-wrapper { }

#pngfix-right {  no-repeat right top; display:block; width:10px; height:60px; float:right; }
#pngfix-left {  no-repeat left top; display:none; width:10px; height:60px; float:right; }

.menu {  background:url(img/menu_middle.png) repeat-x left top; font-size:11px; height:61px; margin:0; }
.menu, .menu ul { line-height:1; margin:0; padding:0; }
.menu li { position:relative; float:left; border-left:1px solid #222; height:55px; padding:0 14px; z-index:100; }
.menu li.first_menu { border:none; }
.menu ul li { height:auto; border-left:none; padding:0; left:auto;  }
.menu #header-menu-home { border:none; }
.menu a, .menu a:visited { color:#888; display:block; padding:0 15px; line-height:49px; position:relative; top:5px; }
.menu a:hover { color:#83bac4; border-bottom:2px solid #83bac4; text-decoration:none; }

.menu ul { position:absolute; top:52px; left:0; display:none; opacity:0; width:200px; }
.menu ul a, .menu ul a:visited { background:#000; line-height:140%; padding:9px 30px 8px; border:1px solid #222; width: 128px; margin:-1px 0 0 0; }
.menu ul a:hover { background:#222; border-bottom:1px solid #222; }
.menu ul ul { margin: -34px 0 0 189px; top:34px; }

.menu .current_page_item a, .menu .current_page_item a:visited,
 .menu .current-cat a, .menu .current-cat a:visited,
  .menu .current-menu-item a, .menu .current-menu-item a:visited
{ color:#869497; border-bottom:2px solid #627376; }

.menu .current_page_item a:hover,
 .menu .current-cat a:hover,
  .menu .current-menu-item a:hover
{ color:#83bac4; border-bottom:2px solid #83bac4; text-decoration:none; }

.menu .current_page_item ul a, .menu .current_page_item ul a:visited, .menu .current_page_item ul a:hover,
 .menu .current-cat ul a, .menu .current-cat ul a:visited, .menu .current-cat ul a:hover,
  .menu .current-menu-item ul a, .menu .current-menu-item ul a:visited, .menu .current-menu-item ul a:hover
{ border-bottom:1px solid #373737; }

.menu ul .parent_menu > a:link, .menu ul .parent_menu > a:visited { background:#000 url(img/arrow1.gif) no-repeat 170px 15px; }
.menu ul .parent_menu > a:hover { background:#222 url(img/arrow1.gif) no-repeat 170px 15px; }

Thanks but for the life of me I can’t find anywhere in my style sheet where there is :

.menu A {

where exactly would I want to change the padding in my specific theme? And for some reason, my last menu button is larger than the rest and it won’t center my title for that menu button. It’s driving me nuts! How do I fix this?

Thanks in advance.

sorry, this is probably such a stupid question, but what goes here: alt””? I know what to put between the ” ” for the img src but not the alt.

thanks for the advice

although that wasn’t the plugin I was referring to, I checked out the one you posted and that’s working awesome for me so thanks! BUT, I would still love to find out what was going on with the other one to avoid any future issues.