You currently have #linkList on top of the other content, what is it you are wanting?
and wondered how I could absolutely position #linkList and keep it's content on top of the left content
Absolute positioning is relative to the first ancestor that has a position other than static - the default.
So if you add position:relative; to #container and position #linkList absolutely top: 0; right: 0; it will be at the top corner of #container
You can also make floated content overlap by giving a negative margin equal to the width and opposite to the direction of the float. e.g.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
float: left; width: 200px; margin-right: -201px; border: 1px solid red;
float: left; width: 220px; border: 1px solid green
<p class="under">Overlapping as if i'm not even there</p>
<p class="over">I'm under here!</p>