Hi Guys,

I have a div with a background image and some text in it, i also have some hyperlinks in it

i want to make part of the background image a link
This is my css so far, however this applys the style to all hyperlinks

#box1{
width: 295px;
min-height: 305px;
float: left;
background: url('bg.jpg') no-repeat;
}

#box1 a{
display:block;
width: 295px;
height: 30px;
}

here is my html

HTML Code:
<div id="box1"><a href="link1"></a>
<span class="font"><br /><br /><br /><br />some font goes here:<br/>
<br/>
<a href="link2"></a><br>
<a href="link3"></a></span>
</div>