Copying a design

I found a site with a really nice design.
Problem is that I want to try to figure out a way to do recreate it (not just copy it) So I’m stuck as to why this is happening
http://fixmysite.us/jmbrown/
shouldn’t the div#main cover the yellow line on the right since its width is the same as the div#content?
Thanks…

No, because Content has 16px of padding on each side, which makes its overall width 755px + 32px = 787px.

So… reduce the width of #main instead by 32px and put the padding on that div. Then set the width of Content to 100%. That’s my preferred method, though it’s OK to do it the way you did it. You just have to reduce the width of Content by 32px.

oh…
thanks…

ok, same site, but why is the menu not on the bottom of its containing div #nav?
shouldn’t it be…
Thanks…

Browsers put default margins on various items, such as Ps and ULs, hence the common use of CSS resets. You need to get rid of the top and bottom margins:

DIV#nav UL#nav-primary {
  position: absolute;
  height: 38px;
  bottom: 0px;
  [COLOR="Red"]margin: 0 0 0 200px;[/COLOR]
}

k, your all over this forum!
Thanks…