CSS hierarchy

[jjaycallejas]

Hello,

I have a quick question. If you take a look here,

http://www.studio2055.com/dev/aero/?...hip=alan-barge

my divs don't seem nested. I'm trying to add some styles to .leadership-col-a, but it only seems like .leadership-col-a is only affecting .leadership-col-a-top? I'm slightly confused here. Any help would be appreciated.

Here's how I set up that specific section. Did I do something wrong?

PHP Code:


echo '<div class="leadership-col-a">';
        
            echo '<div class="leadership-col-a-top">';
                echo '<p>'. _cpt_leadership_menu() . '</p>';
            echo '</div>';

            echo '<div class="leadership-col-a-left">';
                echo '<h1>'.get_the_title().'</h1>';
                $leadership_title = get_post_meta ($post->ID, '_cmb_leadership_profile_title', true );
                if( !empty( $leadership_title ) ) echo "<h2>$leadership_title</h2>";

                $leadership_biography = get_post_meta ($post->ID, '_cmb_leadership_profile_biography_info', true );
                if( !empty( $leadership_biography ) ) echo "<p>$leadership_biography</p>";
            echo '</div>';
            echo '<div class="leadership-col-a-right">';
                echo '<img>' . the_post_thumbnail('leadership-full-image') . '</img>';
            echo '</div>';
        echo '</div>';