title: Position element relative to window regardless of window size
body: <p>How can I go about positioning an element in the same relative position in the viewable area of the window regardless of the window size?</p>
  
  <p>For example, an element that should be:</p>
  
  <ul>
  <li>30% of the window width from the left of the page, and </li>
  <li>50% of the window height from the top of the page.</li>
  </ul>