[AlwaysNew]

I'm still fairly new at this so please be patient.

I'm trying to display a small image (ne-logo.png) and resize it 50% using CSS in the stylesheet. But whatever I change on the CSS makes no difference! Please tell me where I'm going wrong.

The image is 100px square at 72dpi.

HTML:

<span class=“s3”><img src="images/ne-logo100.png" alt="ne-logo100.png" class=“s2”/></span></img>

CSS:

.s2 { /* NE LOGO */
  height: 50%;
  width: 50%
}
.s3 { /* NE LOGO */
  display: inline-block;
  vertical-align: baseline;
  width: 1.336em;
  margin-left: 0%;
  margin-top: 2%;
  padding-top: 2%;
  margin-right: 0;
  margin-bottom: 0%;
  text-indent: 0;
  max-width: 50%;
  width: 100.000%;
}

Thanks in advance.