Stop floating image from moving

Please visit:

I want the link for "Dollars spent in the..." in the upper right hand corner to not move when the browser window is resized.

Here is the HTML and inline CSS:

<div style="position:relative;top:200px;float:right;margin-right:50px;margin-top:20px;width:200px;">
            <a href="" >Dollars spent in the KSU Ashtabula Bookstore stay on campus in support of all KSU Ashtabula students

and Kent Ashtabula Campus activities.</a>
Tom KnowltonWeb developerAsked:
Who is Participating?
McOzConnect With a Mentor Commented:
I think you need to place the <div> inside the "mainContent" div, rather than inside the "outerWrap" div.

"outerWrap" gets wider when the window is resized, whereas "mainContent" remains at the same width, and the "dollars spent" div would stay in the same positioned relative to it.

Tom KnowltonWeb developerAuthor Commented:
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.