position at top of browser only works with one table

http://system.biostat.wisc.edu/bcgsup/jkriplean

table with contents: <Div class="main"> table next to it with repeating top bar: <Div class="repeat">

When I use

div.main {
position: absolute;
top: 0px;
left: 0px;
width: 0px;
height: 0px;
}

on my style sheet http://system.biostat.wisc.edu/bcgsup/jkriplean/internalsite.css

it correctly positions the table named "main" it the very top of the browser, however when I add


div.repeat {
position: absolute;
top: 0px;
left: 0px;
width: 0px;
height: 0px;
}

to position the table that contains the repeating image as well, it somehow puts "repeat" over the images in "main". Any ideas?

Jessica

 

Please Disregard, It Was A Stupid Error On My Part, I've Got It Now! Many Apologies.