How do i make background image linkable to home page?

Here is my current style.css… how do i make the image in the header background link to home when clicked?

/* ——————-
Header
——————- */

#header {
background: url(images/header.jpg);
width: 1024px;
height: 300px;
margin: 0px auto;
padding: 0px;
border-left: 1px solid #efd2b2;
border-right: 1px solid #efd2b2;

}

#header h1 {
text-align: left;
padding: 160px 0px 0px 188px;
font-family: Tahoma, Verdana, Arial;
font-size:30px;
font-weight: bold;
color: #9e7146;

}

#header h1 a {
font-family: Tahoma, Verdana, Arial;
font-size:30px;
font-weight: bold;
text-decoration: none;
color: #9e7146;

}

#header h1 a:hover {
color: #9e7146;

}

.description
{
margin:-15px 0px 0px 0px;
padding: 0px;
font-family: Tahoma, Verdana, Arial;
font-size: 0.7em;
text-align: left;
padding: 0px 0px 0px 190px;
color: #2e0002;
}