css - サイドバーでテキストを折り返す

Question

初めてのスキンのコードを書こうとしています。サイドバー コードは既に作成済みで、正常に動作し、それを使用して画面にテキストを表示することもできました。ただし、サイドバーはテキストと並置されるのではなく、テキストと重なっています。ここで見ることができます。

私のサイドバーコードは次のとおりです。

#sidebar {
    float: left;
    width: 20%;
    position: fixed;
    height: 100%;
    background-color: rgb(153, 230,255);
    color: black;
    top: 5px;
    left:5px;
}

残りはこちらからご覧いただけます。

誰かが何が起こっているのか、それを修正する方法を理解するのを手伝ってもらえますか?