Problemas para redimensionar imagenes

[jesus_e_borquez_m]

Lo que pasa, es que tengo unas imágenes de un calendario que quiero redimensionar dependiendo de la resolución de pantalla donde se visualicen, pero no
me funciona con el código que he utilizado, quisiera saber que es lo que estoy haciendo mal o si me falta algo, el código sería el siguiente:

Código HTML:

 <div id="sliderFrame">
        <div id="slider">
            
                <img id="sep" src="http://www.forosdelweb.com/f53/Septiembre (470pxx420px)-11.png"/>
          
           
                <b id="oct" data-src="../Octubre(470pxx420px)-16.png"></b>
      
            
                <b id="nov" data-src="../Noviembre(470pxx420px)-17.png" ></b>
            
          
                <b id="dic" data-src="../Diciembre(470pxx420px)-18.png"></b>
           
        </div>
    </div> 

Código:

css

#sep{

width:300px;
height:300px;	
	
	}
	
	#oct{

width:300px;
height:300px;	
	
	}
	
	#nov{

width:300px;
height:300px;	
	
	}
	
	#dic{

width:300px;
height:300px;	
	
	}

De antemano agradezco su respuesta.

[webosiris]

#oct #nov y #dec ... no son imágenes, y tu código css está muy poco optimizado, si todas las img comparten tamaño dales a todas el mismo estilo llamandolas 1 sola vez como #slider img{} (o dales una clase si va a haber más imgs)

dices que las quieres redimensionar según el tamaño de la pantalla, sin embargo en tu código no se ve por ningún lado como lo piensas hacer, para eso debes de usar @media queries: https://developer.mozilla.org/es/docs/CSS/Media_queries