Guys, hi, I've tried to solve this myself and searched the forums to no avail.

I am getting an unwelcome yellow box (background) appearing to the left and right of my brown page menu bar when using the %page-center bar. Same box appears to the right when using the %pages version of the menu bar

Only happens in Safari (computer and iPhone version) and Chrome. No problem in Firefox.

I know this must be a background color somewhere but I can't find where to set it. Maybe it's a CSS override (which I don't know how to write).

Here's the site: http://www.tamaranchodirtclassic.com

Thanks!

at the end of your CSS Inserts you have

div#menu1,
div#menu1 ul.rMenu {
	background: #yellow;
	border: none 0px !important;

remove this

Thank you Juggledad, I have no idea how that got there (or can't remember anyhow). I only removed the line about #yellow, as removing the entire code left a nasty white dashed border around the entire menu bar.

Thanks again!