layering a second image over a background image

If you would refer to the attached image, I'm trying to get the logo positioned in the upper left hand corner and I want to try and use some css elements to pull it off.

I've attached my code and stylesheet thus far. How could I get the logo in the upper left hand corner to sit on top of the gray and red stripes?


html {
      background: url(images/background.jpg) no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;

body {
margin: 0px 0px 0px 0px;


td {
      font-family: Verdana, Microsoft Sans Serif;
      font-size: 12px;
      color: #000000;

td.repeating_background {


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "">
$cxn = mysqli_connect($host,$user,$password,$database)
or die ("couldn't connect to server");
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Loose Cannon Fitness | Big, Loud and Outrageous | Bruce Gust</title>
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.innerfade.js"></script>
<script type="text/javascript">
            speed: 1000,
            timeout: 5000,
            type: 'sequence',
            containerheight: '353px'
<map name="right_corner">
<area shape="rect" coords="9,8,206,32" href="show.php">
<area shape="rect" coords="226,10,271,31" href="login.php">
<area shape="rect" coords="294,7,431,36" href="" target="_blank">

<table width=100% cellspacing="0" cellpadding="0">
<td class="repeating_background">
home | about | videos | tracks | docs | contact
<A HREF="index.php"><IMG SRC="images/logo.png" width="250" border="0">
brucegustPHP DeveloperAsked:
Who is Participating?
Julian HansenCommented:
Like this. Add an id="logo" to your <a> element
<a href="index.php" id="logo"><IMG SRC="images/logo.png" width="250" border="0">

Open in new window

#logo {
  position: absolute; 
  top: 0;  /* Change this to move to where you want it */
  left: 10%; /* Change this to move to where you want it */

Open in new window

Possibly because you have already closed the <td> with class="repeating_background".

Try giving the table the class class="repeating_background" instead of the <td>
brucegustPHP DeveloperAuthor Commented:
Off the hook!
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.