My header links work in IE9, however they donít work in Safari or in Chrome browsers. The weird thing about this is my <?php echo $ckinOptions; ?> (highlighted on the bottom) links work in Safari & Chrome.
Whenever IE and other browsers disagree: rest assured that the other browsers have it right. So your links probably should not work due to other things such as overlapping elements and not being at the top or simply due to your code not making much sense to start with (did it validate ?)
Oh, and WebmasterWorld now probably outranks your site for your keywords ...
CSS positioning is relatively trivial once you get the hang of it.
You have a number of options:
margins: I'd be careful how I'd use them for positioning. But they can be combined with other positioning to get nifty results.
float: left or right you can float an element left or right (much like in old fashioned html you can give an image a align="left" (or right). It pushes the next elements out of the way that are in the normal flow, just like that image does.
position: relative: allows you to nudge an element using top, left, right and bottom statements from it's normal spot ("in the flow"). This is that often used as the element gets no reserved space in where it is moved to and keeps it's old reserved spot. It has also as effect that the element gains "position" (see further)
position: absolute: removes the element from the flow, and allows it to be positioned using top,left, right and bottom relative to the closest element that has gained "position", or the html element if there is none. Notice the element is in no flow: so you need to put it where it doesn't overlap with things you want to be seen.
position: fixed: removes the element from the flow and positions it much like the absolute positioned elements are, but this time relative to the viewport (the screen), so it does not scroll.
With that, and some paying around you should find what you seek easily.