Border Issue In Floating Div

Further to the discussion in Floating div issue in IE i added Floating div in my JSP Now I need to add a ruler-type of thick border only to my right of the 'PassageDiv'. CSS given

Solution 1:

border will add border all around, just make use of border-right try this

#passageDiv{
  border-right: 2px solid black;
}

also decrease the width percentage a little to occupy border

#passageDiv{
    width: 48%;
}

#questionDiv {
    width: 48%;
}

Solution 2:

Check this fiddle, I'm not face issue like that,

#passageDiv, #questionDiv {
    overflow: auto;
    float: left;
    height: 50px;
    width: 50%;
}

#passageDiv {
    border-right: 1px solid #ccc;
}