Problema con la Imagen de Cabecera en el Blog

Hola,tengo un problema con la cabesera del blog.
La agrego normalmente en la seccion diseño,la cargo desde mi equipo ,pongo reducir hasta ajustar, ya probe muchas opciones y nada.
La imagen se sigue viendo chica.

Esta es la imagen que quiero poner:



Asi es como queda en el blog:



Este es el codigo de la plantilla:

/* Header-----------------------------------------------*/
#header-wrapper{width:960px;margin:0px auto 0px;height:110px;margin-top:0px;background: url("http://2.bp.blogspot.com/-zgOxrYb9PqI/TY2DEteA95I/AAAAAAAADMs/24c09cL8DCk/s1600/header.gif") repeat-x scroll 0 0 transparent;overflow:hidden;}
#header-inner{background-position:center;margin-left:auto;margin-right:auto}
#header{margin:0;border:0 solid $bordercolor;color:$pagetitlecolor;float:left;width:43%;overflow:hidden;}
#header h1{margin:0 5px 0;padding:20px 0 0 10px;font-family:Arial, Helvetica, Sans-serif;font-weight:bold;font-size:41px;color:#FFFFFF;}
#header .description{padding-left:20px;color:#000000;font-size:12px;padding-top:0px;margin-top:0px;}
#header h1 a,#header h1 a:visited{color:#FFFFFF;text-decoration:none}
#header h2{padding-left:15px;color:#000000;font:12px Arial,Helvetica,Sans-serif}
#header2{float:right;width:53%;margin-right:0px;padding-right:0px;overflow:hidden;}
#header2 .widget{padding:25px 10px 0 10px;float:right}
.feedtwitter{margin-top:0;padding-top:9px;text-align:right}
/* Outer-Wrapper----------------------------------------------- */
#outer-wrapper{width:960px;margin:0px auto 0px;padding:0;text-align:$startSide;font:$bodyfont;}
#content-wrapper{background: url(http://3.bp.blogspot.com/-LKzqjUI2g48/TY2cn6gcEII/AAAAAAAADP8/JmHkddjrfjI/s1600/content-wrapper.png) repeat-y top left #fff;}
#main-wrapper{width:610px;background: url("http://4.bp.blogspot.com/-AMpNDgEMwWU/TY2UXJCQYQI/AAAAAAAADP0/GtdVxu5K7x4/s1600/main.png") no-repeat scroll 0 1px #FFFFFF;padding:15px 15px 15px 15px;color:#333333;margin-top:0px;float:left;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */
overflow:hidden;/* fix for long non-text content breaking IE sidebar float */
}
#rsidebar-wrapper{width:299px;float:right;margin:0px;padding:5px 10px;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */
}

alguien sabe? sigo sin poder solucionarlo