Position vertical site generator issue: not responsive and not at bottom

I have a Twentyeleven Child theme
https://www.sparklynx.be/preview/demaeyer/

I want to have the site generator at the bottom left of my footer area (the colophon element)

This is what I have now

#site-generator {
	border-top: none;
	font-size: 10px;
	line-height: 1.5em;
	padding: 0 0;
	margin-left: 560px; /*250px sticks to page border :-)*/
	background: none;

position:absolute;bottom:0px;left:5px;color:#ccc;
-moz-transform: rotate(270deg);
-moz-transform-origin: 0% 0%;
-o-transform: rotate(270deg);
-o-transform-origin: 0% 0%;
-webkit-transform: rotate(270deg);
-webkit-transform-origin: 0% 0%;
-ms-transform: rotate(270deg);
-ms-transform-origin: 0% 0%;
}

#site-generator a {
	color: #044c72;
	font-weight: bold;
}

As you can tell, it is not responsive, and I can’t figure out how to move it down enough. So 2 issues. How can I tell it to stay put at the bottom?

Thanks