title: How do I move my footer over to the right some?
body: <p>So I have a div at the bottom of my page which is good, the problem is that it is overlapping my sidebar on the left, so how do I scoot it over? I trued to do float:right, but it does not seem to do anything, I'm assuming because it's in a fixed position. I also tried to change the width, but that just cuts it from the right side. So how can I get it where I need it, which is just taking up the remaining part of the page where the side bar is not? </p>
  
  <p>I'm shooting for this look: <a href="https://i.stack.imgur.com/pUG6H.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pUG6H.jpg" alt="Example"></a></p>
  
  <pre><code>.footer {position:fixed; bottom:0; float:right; background-color:lightgray; font-size:90%}
  </code></pre>