CSS - Positioning elements so they scale rel. to window size

[Ardiano1]

I have trouble positioning my elements so they'd be in indentical positioning no matter the window size. Absolute positioning is no good as if I set \[code\]left:200px\[/code\] it will not be relative on different screen sizes. I managed to make it scale decent using the relative positioning and max width/auto. The problem is that I can't do this with \[code\]<ul>\[/code\](left aligned text) because I have to use \[code\]text-align: right\[/code\] to make use of the \[code\]width:auto\[/code\].This is what I used for my h1/transparent box, but cannot use for my \[code\]<ul>\[/code\]\[code\]h1.ontop { height:20px; max-height: 100%; max-width: 42.75%; width: auto; position: relative; text-align: right;}\[/code\]If I set \[code\]text-align: left\[/code\] I'm unable to use \[code\]width:auto\[/code\]. I cannot use float for positioning either as I did for my top menu which was horizontal instead of vertical. I'm kind of stuck here. Thanks for any suggestions!http://jsfiddle.net/XcDTa/