Help with CSS

I'm trying to add 2 120x600 banners on the right and left side corner of my site and using the following codes. The code works except that the ads are all the way up pass the navigation bar and the banner instead of starting where the "Feature Games" bar starts.

My site is arcade9.com

here's the code I'm using:

<style type="text/css">
.upper_right{
position:fixed;
top:0;
right:0;
</style>

<style type="text/css">
.upper_left{
position:fixed;
top:0;
left:0;
</style>

<div class="upper_left" >
Ad Code
</div>

<div class="upper_right" >
Ad Code
</div>

 

I looked on your site and couldn't see the ads there, you need to push them down with the following code. Adjust the top value to suit your needs.

<style type="text/css">
.upper_right{
position:fixed;
top:100px;
right:0;
</style>

<style type="text/css">
.upper_left{
position:fixed;
top:100px;
left:0;
</style>

<div class="upper_left" >
Ad Code
</div>

<div class="upper_right" >
Ad Code
</div>

Code (markup):

 

You are good to go, just add width & height into CSS parameter e.g.:

<style type="text/css">
.upper_right{
width:120px;
height:600px;
position:fixed;
top:0;
right:0;
border:dotted;
}
.upper_left{
width:120px;
height:600px;
position:fixed;
top:0;
left:0;
border:dotted;
}
</style>
 
<div class="upper_left" >
Ad Code
</div>
 
<div class="upper_right" >
Ad Code
</div>

Code (markup):

You can remove border after placing images into html.

 

thanks very much. Works perfectly. You can view it http://www.arcade9.com

 

Your welcome mathieu67 !

 

you can even try adding

http://www.htmldog.com/guides/css/beginner/margins/

HTML: