CSS issues

I’m having problems with my sidebar css.

I want blue div to be exactly on top of orange border I have. I expect it to look the same when someone uses ctrl++ to zoom. At the moment it shifts slightly either on zoom or without zoom in browser other than Firefox. I use px and em widths on divs and can’t figure out why won’t it stay the way I want.

Second problem is some unordered lists. If you view in IE, you should get what I mean. As far as I can see, the structure and css that applies to lists is the same, but some of them are displayed wrong.

My URL: merike.pri.ee/mind/