tengo una pagina con dos capas Principal y Derecha.
quiero que las imagenes de Derecha se vean tal cual son, y que las imagenes de Principal se redimensionen a 300px alto por 300px ancho.
He probado a poner esto:
<div id="principal" style="position:absolute; width:85%; height:100%; z-index:0; left: 0%; top: 0%; visibility: visible; overflow: auto; background-image: url(fondo.jpg); border: 1px none #000000;
img {max-width: 300px; max-height: 300px;}">
pero no funciona, las imagenes se siguen viendo grandes.
Como lo tengo que hacer???