Problema con Imagen Logo en WP

[fefefefe]

Hola como estan para empezar les dejo la url de mi web www.gustavobal.com.ar

tengo un problema con la imagen que es un PNG con espacio a la izquierda para que quede centrada!,

este es el codigo del head

Código HTML:

<div id="wrap">

    <div id="header">

        <div class="headerleft">
            <p id="title"><a href="<?php echo get_option('home'); ?>/" title="Home"><?php bloginfo('name'); ?></a></p>
        </div>
    
        <div class="headerright">
            <div id="navtop">
                <ul class="ot-menu">
                    <?php $include_pages = ot_option('include_pages'); ?>
                    <?php wp_list_pages('title_li=&sort_column=menu_order&include='.implode(',', $include_pages)); ?>
                </ul>
            </div>
        
        </div>
    
    </div> 

y este del css

Código HTML:

#header {
	background: #333333;
	width: 960px;
	height: 150px;
	margin: 0px auto 0px;
	padding: 0px;
	}
#header h1 {
	color: #333333;
	font-size: 36px;
	font-family: Helvetica, Arial, Trebuchet MS, Verdana;
	font-weight: normal;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	text-decoration: none;
	}
#header h1 a, #header h1 a:visited {
	color: #333333;
	font-size: 36px;
	font-family: Helvetica, Arial, Trebuchet MS, Verdana;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	}
#header h1 a:hover {
	color: #333333;
	text-decoration: none;
	}
.headerleft {
	width: 480px;
	float: left;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
.headerleft p {
	color: #333333;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	line-height: 20px;
	}
#headerimg {
	float: left;
	display: block;
	background: #FFFFFF;
	padding: 5px 5px 5px 5px;
	margin: 20px 15px 0px 0px;
	width: 110px;
	height: 100px;
	}
.headerright {
	float: right;
	display: block;
	background: none;
	width: 480px;
	z-index: 8;
	}

por q se ve cortada la imagen del logo?

cuando la achico se ve completa es como que llega a un ancho yse tapa despues