paste

    <!DOCTYPE html>
    <html class="no-js">
        <head>
            <meta charset="utf-8">
            <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
            <title> http://stackoverflow.com/questions/16428545/background-height-of-div-according-to-content-for-mine-project-it-doesnt-work </title>
            <meta name="description" content="">
            <meta name="viewport" content="width=device-width">

            <link rel="stylesheet" href="css/normalize.min.css">
            <link rel="stylesheet" href="css/main.css">

            <script src="js/vendor/modernizr-2.6.2.min.js"></script>
            <link href='http://fonts.googleapis.com/css?family=Open+Sans:300&subset=latin,latin-ext' rel='stylesheet' type='text/css'>


    <style type="text/css">
#undefined-sticky-wrapper ul { background-color:yellow;}
.content { background-color:blue; }
    </style>


        </head>
        <body>
            <div class="toper" style="top:0;visibility:hidden;margin-top:150px;position:absolute"></div>
            <div class="bigbg"></div>


            <header class="intro_head" style="bottom:0;">
                <div class="triangle"></div>
                <div class="nav">
                    <ul>
                        <li><a href="news.html" class="link">aktualności</a></li>
                        <li><a href="info.html" class="link">informacje</a></li>
                        <li><a href="kontakt.html" class="link">kontakt</a></li>
                    </ul>

                </div>
                <div class="logo"></div>
                <div class="social"></div>
            </header>

            <!-- Start Content -->
            <div class="content" name="tresc">
                <aside   style="background-color:green;">
                     <ul>
                    <li style="margin-bottom:30px" class="selected">wybrane prace</li>


                    <li style="margin-top:30px;"><a href="barbara.html">Barbara</a></li>
                    <li><a href="fellig.html">Fellig</a></li>
                    <li>Nix oder Langeweile</li>
                    <li>Tereska</li>
                    <li>Lee B&W</li>
                    <li>Lee</li>
                    <li>Eine Zusammenarbeit</li>
                    <li>Fritzi</li>
                    <li>St. Annas</li>
                    <li>Ania</li>
                    <li>Rosa</li>
                    <li>Hannes Part I</li>
                    <li>Hannes Part II</li>
                    <li>Fotoalbum</li>
                    <li>Michał & Kuba</li>
                    <li>Selbstportrait</li>
                    <li>Lizl</li>
                    <li>Karolina</li>
                    <li>Hannes Express</li>
                    <li>Franziskas Familie</li>
                </ul>
                </aside>

                <article style="background-color:green;">
                    <img class="thumbnail"  src="img/gallery/1.jpg"/>
                    <img class="thumbnail"  src="img/gallery/2.jpg"/>
                    <img class="thumbnail"  src="img/gallery/3.jpg"/>
                    <img class="thumbnail"  src="img/gallery/4.jpg"/>

                </article>

    <div style="clear: both; visibility:hidden;"></div>
            <!-- End Content -->
             </div>
             <div class="bcg"></div>


            <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
            <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
            <script src="js/waypoints.min.js"></script>


            <script src="js/jquery.anystretch.min.js"></script>
            <script type="text/javascript" src="js/jquery.sticky.js"></script>
            <script src="js/jquery.easing.1.3.js"></script>
            <script src="js/stickysidebar.jquery.js"></script>
            <script src="js/main.js"></script>

    <div style="clear: both; visibility:hidden;"></div>

        </body>
    </html>