click does not work fine on logo

Hi guys,
I inserted a logo in my header which links to my homepage, everything looks fine in explorer but the click is only possible at the bottom of the image with Safari and Firefox, here is some of the code I used in the header :

<div id="header">
	<div id="headerimg">
    <div id="logo"><a href="https://localhost/wordpress/index.php" target="_self"><img src="<?php bloginfo('template_url'); ?>/images/logo.jpg" alt="logo" /></a></div>

        <div id="navmenu" align="right">
		<ul>
		<li class="nav_propos"><?php wp_list_categories('include=3&title_li='); ?></li>
		<li class="nav_services"><?php wp_list_categories('include=5&title_li='); ?></li>
        <li class="nav_portfolio"><?php wp_list_categories('include=6&title_li='); ?></li>
		<li class="nav_temoignages"><?php wp_list_categories('include=8&title_li='); ?></li>
		<li class="nav_nouvelles"><?php wp_list_categories('include=7&title_li='); ?></li>
		<li class="nav_contacts"><?php wp_list_categories('include=4&title_li='); ?></li>
		</ul>
		</div>

	</div>
</div>

and in my css file:

#page {
	width: 778px;
	margin: 0 auto;
	background-color: white;
	background: url('images/background.gif') repeat-y top; border: none;
	border: 0px;
	text-align: left;
	}

#header {
	background: #ffffff url('images/header.gif') no-repeat bottom center;
	}

#headerimg 	{
	margin: 0px 0px 0;
	height: 105px;
	width: 778px;
	}

#logo {
	float:left;
	width: 186px;
	height: 105px;
        }

If someone can help me, it would be really appreciated, a couple of days looking for an answer ??