Hi,

I'm currently working on this project and I'm having a little trouble with text alignment on two of the boxes.

http://3skimo.com/adam/

The top menu that begins "about us" and the text that starts "open source" seem to be pushed in from the edge of the design. I can't seem to get them to line up with the left edge. Does anyone have any ideas, I'm sure it's something simple I'm missing but I just can't suss it out.

Thanks.

Padding and margins were my first thought but the topNav ID has neither padding or margins. I think I have found the cause of the problem now but not the solution. There is a box:

.laptopImg {
position: relative;
left: 728px;
top: 0px;
width: 142px;
float:left;}

This is used to have a picture of the laptop jutting out to the right of the design and this will change in various sections of the site (a new image will appear on the laptop screen). When I clear the header this drops the entire content below the laptop image, but it corrects the two boxes that seem to have text pushed over. So is there some way I can get this box to do what I want it to but without it interfering with the boxes below it?

Oh absolutely, I don't intend to leave the main body text like that but it's getting a sidebar yet as well so can't add the padding til I've put that in. The whole site is a work in progress I just want to try and fix this error early on if I can so that I can get the navigation right.