CSS Clearer

Hi guys,

i really nead your professional HELP here !! All the browsers show it perfectly ... just the ..ing IE gives me a transparent line before .left_side_down.

I would really apreciate your help. Thanks :rolleyes:

Here is my css code:


.left_side {
float:left;
margin:0;
width:307px;
}
.right_side {
width:463px;
height:303px;
margin-left:307px;
background-image:url(../images/rightside_img.jpg);
}
div.clearer {
clear:both;
line-height:0;
}


.left_side_down {
padding:0;
margin:0;
float:left;
width::249px;

}

.right_side_down {
padding:0;
margin:0;
margin-left:249px;
}








and here is my HTML code





<div class="left_side">
</div>


<div class="right_side">

</div>

<div class="clearer"></div>




<div class="left_side_down">
</div>


<div class="right_side_down">
</div>

<div class="clearer"></div>

didnt test the code out but


.left_side_down {
padding:0;
margin:0;
float:left;
width::249px;

}


the extra : you have is probally an issue

wrote that by mistake ... byt that doesnt affect the code ..:thumbsup:

Hey guys, i've found the solution that worked for me .. the problem was in IE 7.

So i wrote this in CSS

*:first-child+html .left_side_down {
margin-top:-3px; /* #%@#%(! IE 7 */
}


Hope this helps anyone that has a problem like mine.