Q:

CSS Background not clickable - a href="" not working

I have the following code that produces a logo the logo shows its in the correct place but the a href="" is not working why?
HTML:
<div class="banner">
    <span><a href="<?php echo BASE_URL()?>link" title="View information about award"></a></span>
</div>

CSS: 
div.banner{
            width:592px;
            height:1px;
            position: fixed;
            top:0;
            right:0;
            overflow: visible;
        }
        div.banner span{
            display: block;
            position: fixed;
            top: 0;
            right: 0;
            background: url(../../../i/ribbon.png) top right no-repeat;
            width: 197px;
            height: 145px;
            text-indent: -999em;
        }
        div.opens span a{
            display:block;
            width: 197px;
            height: 145px;
        }

A:

Your link class should be div.banner span a instead of div.opens span a. So your link has no text and because of that no width as the CSS rule doesn't apply. So there's nothing to click on.

