I found a lot of examples regarding images that didn't work exactly for what I need. I have a simple footer that I use for copyright/social media linking information and I would like it to float to the right so that on screen resize it doesn't interfere with the navigation that is at the upper left.

```
/* footer */

footer {
   position:fixed;
   left:20px;
   bottom:20px;
   z-index:1;
   }
footer small {
   float:right;
   clear:both;
   margin:0 0 5px 0;

```

In the html:

```
<footer>
        <small>&copy; 2003-<script language="javascript" type="text/javascript">
                var today = new Date()
                var year = today.getFullYear()
                document.write(year)
                </script> Name of Site | <a href="Link to Site">The Site</a>
                          | <a href="Link to Site #2">Site #2</a>
        </small>
</footer>

```

Its a pretty minimal design and I'm trying to keep it really simple so when its time for me to try to optimize for mobile it will work. Any help is appreciated.