Greetings everyone.

I've been re-working my first site to get a better understanding of CSS/HTML.

Right now I'm having a problem with my rectangular links (the ones slightly on an angle).

For the original site, each link background had it's own <div> and was positioned absolute. I figured that there had to be an easier way to do this where under one block or inline element, I could have all five link backgrounds line up perfectly along the black line you see.

See link:

I can get it lined up, but whenever you resize the browser the links move. What is the best way to do this? I've tried {display: inline;} and it does the same thing.