Tekst do wyświetlenia jako tooltip po najechaniu myszką

Witam.

Na czarnym tle mam umieszczony po lewej stronie obrazek, a po prawej stronie tekst. Chciałbym, aby na całym obszarze tego czarnego tła wyskoczył mi tooltip z tekstem "Odśwież bieżącą stronę" po najechaniu myszką. Pomiędzy obrazkiem, a tekstem jest wolne miejsce i nie wyskakuje ten tooltip.

<div id="header"><div class="logo"><a href="index.php" title="Odśwież bieżącą stronę"><img src="obrazki/logo.png" width="120px" height="57px" /></a></div><div class="text"><a href="index.php" title="Odśwież bieżącą stronę">Strona <span>internetowa</span></a></div></div>

#header
{
	position: relative;
	margin-bottom: 50px;
	margin-top: 50px;
	width: 500px;
	line-height: 50px;
	font-family: Ek Mukta;
	background-color: #000000;
	text-align: right;
}

#header .logo
{
	float: left;
}

#header .text a
{
	color: silver;
	font-size: 38px;
	text-decoration: none;
}

#header .text span
{
	color: red;
	font-size: 38px;
	text-decoration: none;
}

Wiem, że zrobiłem to po amatorsku.

Ten zapis powinien być zastosowany tylko jeden raz w kodzie:

<a href="index.php" title="Odśwież bieżącą stronę">...</a>

Ja zastosowałem taki zapis 2x, aby to jakoś zadziałało.

Co muszę poprawić w kodzie, aby na całym obszarze tego czarnego tła wyskoczył mi tooltip z tekstem po najechaniu myszką?

Będę wdzięczny za pomoc.