how can I get the menu in the top div to "follow" the movement of the main content which is inside the main wrapper?

 

 

Essentially so that the menu is always square with the left edge of the "K" in the logo

 

 

http://s205480013.onlinehome.us/KM_Test/NEW_R2.html

You'd have to make the UL menu list the same width as the main content, and centre it as well in the same manner as the block that contains the K

Would you centre it or would you left align it???

You'd centre the UL...

 

ul.navigation {width: 960px; margin: 0 auto;}

right

 

 

this solved it:

 

#nav1 {

height: 15px;

width: 850px; <-- change

position: relative; <-- remove

left: 96px; <-- remove

top: 8px; <-- remove

padding-bottom: 10px;

padding-top: 2px;

text-align: center;

margin: 7px auto 0 auto; <-- add

}

 

 

 

now the problem is, what if I want to add another set of links or a graphic on the top right?