Masalah Batas Ketinggian Div

setiap orang!

Saya mengalami masalah tinggi/batas div. Inilah skrip yang saya kerjakan:

    .content
        {
            background-image: url(../../images/logo-04.png);
            background-position: left bottom;
            background-repeat: no-repeat;
            background-size: 30%;
            border-bottom: 0.1em solid #000000;
            border-bottom-left-radius: 1em;
            border-bottom-right-radius: 1em;
            border-top: 0.1em solid #000000;
            display: inline-block;
            width: 100%;
        }

    .content-left
        {
            float: left;
            font-size: 100%;
            text-align: justify;
            width: 74%;
        }

    .content-right
        {
            border-left: 1px solid #000000;
            float: right;
            font-size: 80%;
            height: 100%;
            text-align: right;
            width: 25%;
        }

Dan inilah cuplikan div yang sedang saya kerjakan:

<div class="container2">
    <!-- Content -->
    <div class="content">
        <div class="content-left">
        </div>
        <div class="content-right">
            <div class="sidelinks">
                <ul>
                    <li><a class="link3" href="/id"></a></li>
                    <li><a class="link3" href="/id"></a></li>
                </ul>
            </div>
            <div class="social">

<---End--!>

Div di atas ditutup dengan benar dalam kode saya (saya tidak ingin membuat siapa pun bosan dengan kode tambahan).

Untuk beberapa alasan, sepertinya saya tidak bisa mendapatkan batas kiri untuk memperpanjang panjang div kanan konten kecuali saya menggunakan piksel (tinggi: 500 piksel). Saya biasanya menggunakan persentase, tetapi pada ketinggian: 100%, batasnya hanya sampai ke konten di dalam div kanan konten.

Adakah saran untuk mendapatkan efek yang saya inginkan?