CSS - 我的图片与我的文字重叠？

Question

在我的网站上，当屏幕尺寸较小时，图像会与我的主要内容文本重叠。在家里，它非常好，因为我的屏幕要大得多，但现在我在上大学，看起来很糟糕。

我能做些什么来解决这个问题吗？

#content {  
    font-size:16px;
    margin: 0 auto;
    width: 955px; 
}

以下是问题的图片： http://i776.photobucket.com/albums/yy41/tom14431996/problem-1_zpsa410ef94.png

如您所见，图像与文本重叠。

这是我添加第一张图片的示例代码：

#imageholder1 {
    float: left;
    left: 2%;
    position: fixed;
    top: 11%;
    border: double;
    border-color: #333;
}

这是我的文字代码：

#content {
    font-size:16px;
    margin: 0 auto;
    width: 955px; 
}