[DMuehlhausen]

Ok, so I can get the coupon on the page. I can get it so it stays fixed. However after I add in the coupon code to the index.html it is moving the footer up and attaching it to the coupon. Below is the code I have in the index.html file and the CSS file.

<div id="coupon">
<a href="freecoffee.html" tittle="Click here to get your free coffee">
<img src="images/ticket.gif" alt="Starbuzz coupon ticket" />
</a>

<div id="footer">
&copy; 2005, Starbuzz Coffee
<br />
All trademarks and registered trademarks appearing on
this site are the property of their respective owners.
</div>



#coupon {
position: fixed;
top: 300px;
left: -90px;
}

#coupon img {
border: none;
}

#coupon a:link {
border: none;
}

#coupon a:visited {
border: none;
}

#footer {
background-color: #675c47;
color: #efe5d0;
text-align: center;
padding: 15px;
margin: 10px 330px 10px 10px;
font-size: 90%;
}

Can anybody help me figure out why the footer is now in the middle of the page and following the coupon around? Also when clicking on the coupon I am not taken to the page. Everything though looks right for the code. Obviously though it isn't otherwise it would work. Though I did have some issues with links earlier in the book. I'm on Windows 7 using IE 8

[DMuehlhausen]

Nevermind got it figured out. That's what happens when you don't close off your <div> tag

[d'Anconia]

Nevermind got it figured out. That's what happens when you don't close off your <div> tag

Not to mention the "title" in your code is spelled "tittle". Freudian slip? =P