como ajustar div a su contenido?

hola a todos,
soy novato con esto de los CSS, y casi todo lo que no me sale en divs lo hago con tablas (porque se ven correctamente tanto en IE y firefox)

bueno lo que queria preguntar tal y como pone en el asunto es si se podria ajustar un div a su contenido, no se si me explico voy a poner un ejemplo:

Código :

<div style="border:1px black solid;">codigo</div>

esto haria un div pero con un ancho por defecto de 100%

en cambio si lo hago con una tabla, la tabla se ajusta al contenido de la celda

Código :

<table style="border:1px black solid;">
<tr><td>contenido</td></tr>
</table>

espero q me entiendan si hace falta pongo imagenes

dewww

es bueno que estés pensando en comenzar a diseñar de la forma en la que se debe, pero debes tener muy en cuenta que preguntas como éstas tal vez no se puedan resolver tan fácilmente, comenzando por las características de cada elemento.
puedes darle un float:left a tu div para que se acomode al contenido, pero nunca conseguirás el efecto que las tablas te dan.
tal vez al principio es difícil adaptarse a este cambio, pero hay otras y mejores formas de maquetar un sitio web, es cuestión de adaptarse al cambio.

Si le das posición absoluta, se ajustrá al contenido:

Código :

<div style="border:1px black solid;position:absolute;">cotenido</div>

Funciona en FF e IE7.

Al poner el div por defecto este tiene el atributo position en block, por lo que se comporta como bloque, esto hace que ocupe todo el ancho posible, apartir de aqui puedes optar por darle una anchura fuja o cambiar el atributo display a inline o cambiar el valor de la propiedad position o float,
de todas formas el ejemplo deberia ser mas preciso, depende de lo que quieras accer.