Hello. I'm putting together a css layout, and I have a large header <div>. Within that <div>, I would like to have a smaller <div> to put some navigation in, and have it be aligned to the TOP-RIGHT of the parent "header div".
My layout is liquid and stretches the entire width of the screen, up until 1100px. (max-width)
So, I could use position:absolute to place the nav div in the top-right, no problem. However, when the page is viewed at a resolution that is larger than 1100px wide, the nav is obviously stuck to the very corner of the browser window, disconnected from the regular layout.
So my question is how to keep the TOP NAV div stuck to the top-right corner of the HEADER div when the page is viewed at a resolution larger than 1100px.
Here is a link to the page:
http://www.mattlongpre.com/syt/
Thanks!