I asked this question before but didn't get any responses... Lets see if I
reword it maybe I'll get more positive results :)

Does anyone know how to stop a logo (or any other content) at a certain
point on the left side when a browser is resized to a smaller window?
For a lack of a better term I need some kind of buffer between the left page
margin and the content that will stop my content dead in it's tracks and
have a horizontal scrollbar appear on my page. My page's width is set to
percentage rather than pixels so when I decrease the browser window size, my
logo moves behind my navigation bar on the left side.

thanks