잘못된 순서로 div를 배치하는 Chrome

Question

저는 HTML과 CSS만으로 구성된 매우 간단한 웹 사이트에서 작업하고 있습니다. 내가 만든 모의 (mock up)는 Firefox에서 잘 작동하지만 크롬에 넣을 때 이상한 일을합니다. div 태그에 넣은 텍스트가 맨 아래에 표시됩니다.

코드가 있습니다. 크롬으로 가져 가면 내가 말하는 것을 볼 수 있습니다. HTML of Site CSS of Site

Answer 1

어항 이미지에서 높이를 설정하면 올바르게 표시됩니다.

<img src="./graphics/fishtank.jpg" width="1090" height ="10" /> 

JSFiddle

는 어항 이미지 배경 이미지인가? 그렇다면 부모 div의 CSS에 배경 이미지로 넣을 수 있습니다.