Hi,
I found a solution. I do not know why it's doing what it's doing, but the solution is to put in a bgimage.
nwilcox: take any of your images, like the btn_cp_up.gif and cut off the right side NOT includig the ending btn which has some kind of border look at the right, then save it as whatever you want [btn_bg.gif or something] then in your main menu style add bgimage="btn_bg.gif"; What this means is you'll have to also make bgimage from your first and last buttons. On the 1st one you'd cut the left hand side so you got that left side border look, and on the right one you'd cut the right hand side. You may have to position the right one in css since you can set it using css to not repeat and to be top right.
VT, in yours if you use the global_nav_right_cap.png you can cut out in the middle someplace and use that as your bgimage. For the 1st and last items you need to do a bit of changing. On the right one just set the bgimage as that right_cap.png, but on the left one you need to have a wider image for the bg so what I did was to use my Corel Photo Paint program and flipped that right image. Then I saved it as bgglobal_left.png. Also, in your right and left items add type=header; this will prevent the mouse from changing if it is placed over these items.
I will report to Milonic on this. It's very weird, almost like safari is putting a separator in no matter what you do or a space between items. It really can't be the separator since that is not a css code it's menu specific. Perhaps it has something to do with css and spacing out the item containers or something.
If you need more help, just give a yell
Ruth