I have this simple code for this site to reformat the images within the banner, but the tablet device is not responding. The idea (and I know I need to work on the menu) is to get it to fit within the borders of the tablet device, but the images are not resizing and the right image is sticking out beyond the containers wall.

Anyone have any suggestions?

Code:
#otherbod, #header, #content, .sty, #footer { width: 100%; }
p { font-size: 100%; }
.moduletablemainmenu ul { margin: 0; padding: 10px; }
#content { max-width: 768px; margin: 20px 0; }
.moduletableslid img { width: 38%; height: auto; }