title: Designing sitemap tree using CSS
body: <p>I have simple sitemap tree and I would like to style it like in example ( <a href="http://www.csshook.com/cssexamples/how-to-design-css-sitemap-tree" rel="nofollow">http://www.csshook.com/cssexamples/how-to-design-css-sitemap-tree</a> ), problem is that this example requires to use same color for background, but my element sitemap-container has  background image. How can I style sitemap tree like in that example, so that I don't have to use single color background? I don't want to use any JavaScript for this, because it's not required.</p>
  
  <pre><code>&lt;div class="sitemap-container"&gt;
      &lt;ul&gt;
          &lt;li&gt;Page&lt;/li&gt;
          &lt;li&gt;Page&lt;/li&gt;
          &lt;li&gt;Page
              &lt;ul&gt;
                  &lt;li&gt;Page&lt;/li&gt;
                  &lt;li&gt;Page&lt;/li&gt;
                  &lt;li&gt;Page&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>