Chrome에서 DIV가 예기치 않게 뜨다

Question

mootools 슬라이더를 사용하고 Chrome의 부모 div 옆에 DIV 태그가 떠있게됩니다. 이것은 다른 브라우저에서 발생하지 않았습니다. 고정 된 높이로 빈 div를 추가하는 방법으로 DOM 구조를 변경하지 않고 처리하는 더 나은 방법을 찾고 해결 방법을 찾을 수있었습니다. 이 CSS에 대한 해결책이 있습니까? Chrome에서만 예상치 못한 플로팅이 발생하는 이유는 무엇입니까?

사례 1 : div.lowerPanel 표시하고 왼쪽

http://jsfiddle.net/superkingjo1/bQpjV/

사례 2 수레하지 않습니다 고정 높이 추가 빈 DIV 예상 위치에 대한 http://jsfiddle.net/superkingjo1/bQpjV/4/

감사 div.lowerPanel을두고 귀하의 도움,

Answer 1

이 줄이 될 수 있습니까? (html로 3 행)

<div class="mainPanelLayersDiv" style="position: relative; float: left; "> 

첫 번째 바이올린에서 float: left;을 제거하고 바이올린 # 2와 같은 결과를 얻었습니다.