Kan ikke markere tekst i div

Jeg har dette:

Min style er således:
div#middle {
    width:900px;
    background:url(/images/design/repeat.png);
}

<!--[if IE]>
DIV#middle
{
background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/design/repeat.png,sizingMethod='scale');
}
<![endif]-->

div#middle_background {
    width:900px;
    background:url(/images/design/content.png) top no-repeat;
    height:auto !important;
    height:178px;
    min-height:178px !important;
    min-height:auto;
}
<!--[if IE]>

DIV#middle_background
{
background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/design/content.png,sizingMethod='scale');
}
<![endif]-->

div#middle_left {
    float:left;
    width:250px;
}


div#middle_right {
    float:left;
    width:650px;
}

div#contentPadding {
    padding-left:40px;
    padding-top:20px;
}

div.contentWidth {
    width:540px;
}

Og min html er således...

<div id="middle">
<div id="middle_background">
<div id="middle_left">
<div id="leftmenu">
<!-- Venstre menu her -->
</div>
</div>
<div id="middle_right">
<div id="contentPadding">
<div class="contentWidth" id="contentContainer" >
hej
</div>
</div>
</div>

<div class="cls"></div>

</div>
</div>

Når jeg fjerne det inde i
<!--[if IE]>
<![endif]-->

Så er der intet problem med at markerer teksten, men jeg er nød til at have det på, da mine billeder skal være tranparente.

Er der en anden måde at gøre det på.