fixierte div mit variabler width zentrieren

[DaNoOne]

hi, wie der betreff schon sagt versuche ich eine am unteren rand des browsers fixierte div mit variabler breite zu zentrieren .. hier gehts um den footer, der mittig von weißen content-div liegen soll.

ich steh aufm schlauch :P

SCREENSHOT

margin-left: -100; - geht nicht da variable breite
margin: 0 auto; - will auch nicht

ich hoffe jemand hat eine idee
wenn möglich ohne tabellen oder js

danke schonmal im vorraus :)

#footer {  
  height: 26px;  
  clear: both;  
  color: #000;  
  margin: 0 auto;  
  position: fixed;  
  bottom: 0px;  
}  
  
#footer a:link {  
  text-decoration: none;  
  color: #222;  
}  
  
#footer a:visited {  
  text-decoration: none;  
  color: #222;  
}  
  
#footer a:hover {  
  text-decoration: none;  
  color: #555;  
}  
  
#footer_left {  
  width: 26px;  
  height: 26px;  
  background: url(images/footer_left.png);  
  float: left;  
}  
  
#footer_content {  
  height: 20px;  
  background: url(images/footer_content.png) repeat-x;  
  text-align: center;  
  padding: 3px 0 3px 0;  
  float: left;  
}  
  
#footer_right {  
  width: 26px;  
  height: 26px;  
  background: url(images/footer_right.png);  
  float: left;  
}  
  
#footer a.feed-icon {  
  height: 21px;  
  width: 26px;  
  background: url(images/footer_content.png) repeat-x;  
  padding: 5px 0 0 10px;  
  float: left;  
}

  
<div id="footer">  
  <div id="footer_left"></div>  
  <div id="footer_content"><?php print $footer_message . $footer ?></div>  
  <?php print $feed_icons ?>  
  <div id="footer_right"></div>  
</div> <!-- /#footer -->