CSS menu positioning

[DarkArcher]

Hi, here's my website: Click

I'm having problems positioning the menu. Why is it sort of floating somewhere in the middle? How do I align it to the left closer to the grey border?

My next question is... if you click the links, you notice that the activated link will have a gradient green background. I would like to know why is there a white gap on the left of each link and how do I ensure that the gradient green background covers it up?


Thanks,
DarkArcher

[mockee]

.menu ul {
   margin: 0;
   padding: 0;
   list-style: none
}

ctba.cn you can refer to the top of the menu, you may be helpful