Q: IE overflow: hidden generates a new line 
On the first image there is Chrome rendering
On the right there is IE.
<div class="row">
    <div class="field">
        Mapname:
    </div>
    <div class="value" style="width: 102px;">
        Russia
    </div>
</div>
<div class="row">
    <div class="field">
        Gamemode:
    </div>
    <div class="value"  style="width: 98px;">
        Samp-Rp.Ru Russia
    </div>
</div>

As you can see, internet explorer instead of cut off the extra text puts the div.value box down div.field. 
Here my css:
div.field{
    float: left;
}

div.value{
    float: right;
    height: 20px;
    line-height: 20px;
    text-align: right;
    overflow: hidden;
}

div.row{
    min-height: 20px;
    line-height: 20px;
    clear: both;
}


A: The world of IE is a mystery and a pain, However the official MSDN source suggests using
-ms-overflow-style: auto | none | scrollbar | -ms-autohiding-scrollbar
