Salve a tutti. Sto cercando di creare in un sito tre colonne nella parte alta (header) per mettere a sinistra il logo (immagine, con dimensione fissa), a destra il social plugin di fb con il link, e al centro - con grandezza variabile in base alla risoluzione dello schermo - del semplice testo.

Problema: il div di sinistra col logo rimane sotto al div centrale, e quindi non è possibile cliccarlo (per tornare in home page)...nonostante il z-index sia superiore...

Nel file html è dichiarato così:

Codice PHP:
<div class="header">
<div class="title" onclick="location.href='http://www.mysite.com';" /></div>
<div class="mysite">Description of the site</div>
<div class="facebook"><div class="fb-like" data-href="http://facebook.com/mysite" data-send="false" data-layout="button_count" data-width="125" data-show-faces="false" data-action="recommend" data-font="verdana"></div></div>
</div> 
Nel css così:
codice:
.title
		{	background:url('http://www.mysite.com/wp-content/themes/pi/images/logo.jpg') no-repeat;
			height:62px;
			width:163px;
			margin:30px 30px 10px;
			text-align:left;
			float:left;
			cursor: pointer;
			cursor: hand;
			z-index:2;
		}
		
.mysite
		{	height:40px;
			margin:30px -233px 0;
			width:100%;
			display: inline-block;
			line-height:120%;
			color:#666;
			text-align:center;
			font-size: 11px;
			z-index:1;
		}
		
.facebook
		{	height:35px;
			width:163px;
			right:30px;
			top:0;
			margin:30px 30px 20px;
			text-align:right;
			float:right;
			z-index:2;
		}
Qualcuno sa aiutarmi per caso??
Grazie!!