Div padre no se ajusta al contenido

[bengiss]

Buenas, tengo un problemas con un div, actualmente tengo el siguiente codigo para un boton:

Código HTML:

<td colspan="2">
     <div class="buttons">
           <a href="#" id="login_submit">
               <img src="img/buttons/user_go.png" /> 
               Login
           </a>
     </div>
</td>
 

Esta dentro de una tabla, el problema es que el div "buttons" no se ajusta al contenido del mismo, esta adquiriendo el width del "td" y el height lo ve vacio, el codigo css que tengo actualmente es:

Código CSS:

.buttons {height:auto; 
width:auto}
 
.buttons a{ 
display:block; 
margin:0 7px 0 0;
 float:left;
 background-color:#f5f5f5;
 border:1px solid #dedede; 
border-top:1px solid #eee; 
border-left:1px solid #eee;
 font-size:90%; 
line-height:70%; 
text-decoration:none; 
font-weight:bold; 
color:#565656; 
cursor:pointer; 
padding:5px 10px 6px 7px; /* Links */}
 
.buttons a img{margin:0 3px -3px 0 !important; 
padding:0;
 border:none; 
width:16px; 
height:16px;}
 

He estado modificando el width y height de la clase buttons pero nada se queda igual, no puedo especificarle un tamaño fijo porque me gustaria usar este mismo codigo css si necesito agregar varios botones dentro del mismo div y que el mismo adquiera automaticamente el ancho y alto de los botones

Alguien sabe que puedo hacer?? Saludos!!