Images not scaling on devices
===

I'm really struggling with the homepage of my website (http://www.laurenwomack.com).

The images saying Animation and Interactive, Web Design, Print Design and Illustration look fine on my computer, but when I look at my site on my iPad they aren't scaling properly.

Here is the CSS:

    #content { 
    position: relative;
    color: #333;
     width:100%;
     min-width: 900px;
    border:none;
    background: none;
    overflow:auto;
    padding-right:32px;
    padding-left:32px;
    padding-bottom: 86px;}
    #slideshow {
    position:relative;
    height:462px;
    z-index:-1;}
    #slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    }
    #slideshow IMG.active {
    z-index:10;}
    #slideshow IMG.last-active {
    z-index:9;}
    #rightholder {
    float: right;
    clear: left;
    max-width: 639px;
		width: 60%;
		padding-top: 90px;	
    z-index:11;}
    .right{float:right;
    margin-bottom:20px;
    max-width: 50%;
    z-index:13;}
    .left{float:left;
    margin-bottom:20px;
    max-width: 50%;
    z-index:12;}

Thanks a lot!