El problema esta en el wrap, solo reduce el tamaño, o mas bien establece su tamaño en 960, porque en modo auto o en el que este da 990 y con esto se colocaria correctamente la barra.
Yo tambien estoy desarrollando themes y utilizo las extensiones de Firefox: Firebug, PageSpeed, Colorzilla, HTML Validator, y Web Developer. Te serviran mucho a la hora de detectar los errores y corregirlos.
#navbar {
background-attachment:initial;
background-clip:initial;
background-color:#555555;
background-image:url(http://www.madmotions.com/wp-content/themes/revolution_music/images/navbar.png);
background-origin:initial;
background-position:initial initial;
background-repeat:initial initial;
color:#A91B33;
font-family:Georgia, 'Times New Roman';
font-size:12px;
font-weight:bold;
height:40px;
margin-bottom:0;
margin-right:0;
margin-top:0;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
width:960px;
}
#navbar {
background-attachment:initial;
background-clip:initial;
background-color:#555555;
background-image:url(http://www.madmotions.com/wp-content/themes/revolution_music/images/navbar.png);
background-origin:initial;
background-position:initial initial;
background-repeat:initial initial;
color:#A91B33;
font-family:Georgia, 'Times New Roman';
font-size:12px;
font-weight:bold;
height:40px;
[B]margin-bottom:0;
margin-right:0;
margin-top:0;[/B]
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
width:960px;
}
margin: 0 auto;