I already designed the main design of the sidebar here.
The only problem I have is to stick this all the way on the left side, at the edge of the screen.
I already tried using percents, 0 margins, and even negative margins. Either way, when you change the resolution, the position doesnt change automatically.
Help me make this work, thanks. 
Move it out of the header-top section and just place it anywhere in the <body> section. Also remove the negative left margin. When using position, the element will be placed in relation to the containing element. Since you want it on the side of the viewport, place it in the body section but not inside another element. Then it will be placed in relation to the viewport (or browser window).
thanks, solved!