Div的行为类似于index.html的链接

所以，我要做的是将页面（宽700像素）按60:40的比例分割。在40页我要一张图片，其余60页文字。我使用div来包装图像和文本。但是，问题是每当我将光标悬停在块上时，它都充当指向index.html的链接。我的意思是，我希望在文本上选择文本，而不是手动光标作为默认值

以下是CSS，我正在使用：

#image {
width: 40%;
text-align: center;
margin-top: 50px;
float: left;
}

#contentwrap {
width: 60%;
float: left;
text-align: justify;
font-size: 18px;
height: 225px;
}

#contentwrap p {font-family: arial, helvetica;}
#contentwrap pre {
margin-top: 45px;
text-align: center;
}

html的结构如下所示：

<div id = "image"><img src = "asd.jpg"></div>
<div id = "contentwrap"><pre> *text* </pre>
<p> *text*</p> </div>

*案文*
*文本*

---

图像是175x175像素

，除非css中确实存在链接或您明确设置了

光标：指针

，否则不应该出现这种情况。尝试设置光标：自动！重要信息

请创建一个JSFIDLE来演示此问题。