Пограничный вопрос в Плавающий DIV

Question

Далее к обсуждению в Floating div issue in IE я добавил Плавающий DIV в моем JSP

Теперь мне нужно добавить линейку типа густого границы только к моему справа от «PassageDiv». CSS приведен ниже

#passageDiv, #questionDiv { 
    overflow: auto; 
    float: left; 
    height: 550px; 
} 

#passageDiv{ 
    width: 50%; 
} 


#questionDiv { 
    width: 50%; 
} 

Тип seperator между PassageDiv и QuestionDiv ожидается. Поэтому я добавил ниже линии в passageDiv

border: 1px solid; 

Но добавление это делает мой questionDiv появляться ниже passageDiv, а не появляются бок о бок с разделителя в середине.

Answer 1

border добавит границы все вокруг, просто сделать использование border-right попробовать этот

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

также уменьшить widthpercentage немного занять border

#passageDiv{ 
    width: 48%; 
} 

#questionDiv { 
    width: 48%; 
} 

Answer 2

Проверить это fiddle, я m не сталкиваются с такой проблемой,

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

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