Some CSS Questions

Hi everyone,

I am trying to format the “Back and Forth” buttons at the bottom of my site. As you can see at the bottom of the page, they are really messed up. I tried making them button like with CSS, but obviously my CSS skills are horrible. Here is the code:

 <div id="back">

        <?php if (isset($_SERVER["HTTP_REFERER"])) { ?>

            <span>« " title="go back">ir atrás</span>

        <?php } ?>

            volver arriba »</div>

        </div>

</div>

(in the side bar)

and

#back {padding: 0 10px; clear: both; font-size: 0.8em; text-align: right; margin-top: 20px;}
#back a {display: block; color: #999; padding: 10px; border: 1px solid #eee; font-weight: normal;}
#back span {float: left;}
#back strong {color: #006;}
#back a:hover {color: #999; border: 1px solid #f90; background: #fe9; color: #f90;}

(css stylesheet)