Hey there, I've encountered a few issues with floats in IE multiple times. Here's an example to illustrate what I mean. Please note that this example functions properly in Firefox and Chrome.
index.html
<html>
<link href="style.css" rel="stylesheet" type="text/css" />
<body>
<div class="some_box">
<div class="upper_red_box"></div>
<div class="title_bg">
<div class="title">hi im here </div>
</div>
</div>
</body>
</html>
style.css
div.some_box{
width:700px;
height:400px;
background-color:#f3f3f5;
}
div.upper_red_box{
width:10px;
height:70px;
background-color:#ac0061;
float:right;
}
div.title_bg{
background-color:#c1c1c1;
width:600px;
height:70px;
margin-left:100px;
}
div.title{
color:#f3f3f5;
font-family:impact , Verdana, Geneva, sans-serif;
font-size:24px;
padding-left:10px;
padding-top:20px;
}
Appreciate any assistance you can provide! :)