Problema CSS con porcentajes

[knucles_2011]

Hola. les cuento que estoy haciendo una web con porcentajes en CSS. La estoy maquetando por capas (div), pero el problema surge cuando no se que medida tiene que tener una imagen para que quede perfecta en un div con medida de porcentaje. Explicandome mejor, quisiera saber como convertir el valor de pixeles a porcentaje, algo asi como una equivalencia. Otra problema que tengo es que al usar el "background-image" con porentaje la imagen no aparece. Espero me puedan dar una solucion, ya que es lo unico que me traba para maquetar la web. Desde ya muchas gracias.

[samplei]

Tu no necesitas convertir px en % (creo no es posible). Pero puedes dar tu imagen un ancho en %.
Por ejemplo:
css:

Código:

#1 {width:50%; }
.image {margin-left:20%; margin-right:20%; width:10%;}

html:

Código:

<div id="1">
<img class="image" src="webdesign/images/administracion-web.jpg" />
</div>

Es solo posible con el ancho, no con el alto de la imagen.

[knucles_2011]

¿Y si quiero hacer un menu, como hago con las imagenes del menu?

[samplei]

De la misma manera también puedes crear un menú:

Código:

#1 {width:50%; }
.image {width:30%}

Código:

<div id="1">
<ul><li><img class="image" src="xxx.jpg" /></li>
<li><img class="image" src="xxx" />
</li>
</ul>
</div>

[knucles_2011]

Muchas gracias. Ahora la ultima pregunta y no te molesto mas. ¿Si yo voy a crear una imagen con la medida en pixeles, como puedo saber a cuanto % equivale, para que asi quede de igual tamaño?

[samplei]

no puedes saber cuantos % equivalen un pixel porque por ejemplo el ancho de tu página en % depende del tamaño de la ventana de tu browser y la resolución de tu pantalla.

[knucles_2011]

Muchas gracias!!