Currently, I am in the process of building a website using HTML and CSS and have encountered an issue. Within my CSS file, I have defined an ID called "full" which sets a wooden background after the sidebar and is intended to span across the entire page. Additionally, within my class "picture," I have set a white panel with 80% width - resulting in a center area with a white background while the edges (10%) display a wooden texture. This setup was functioning correctly until I reached the article section where I included images of a pizzeria. Strangely, at that point, the wooden edges disappear and only the white background remains visible. Although both my "full" ID and "picture" class continue up to the end of the body, for some reason, the wood texture does not stretch all the way down. If anyone could take a look and identify where the error lies, I would greatly appreciate it. View Image Showing Error
* {
padding: 0;
margin: 0;
border: 0;
}
.container {
margin: auto;
overflow: hidden;
width: 100%;
}
#full {
background-image: url("http://newallpaper.com/wp-content/uploads/2014/01/Dark-Wood-620x387.jpg");
}
.picture {
margin: auto;
width: 80%;
background: white;
}
...
...
<ul>
<li><a href="pizza.html">HOME</a></li>
<li><a href="#">PHOTOS</a></li>
<li><a href="#">MENU</a></li>
<li><a href="#">LOCATION</a></li>
<li><a href="#">REVIEWS</a></li>
</ul>
...
...
</div>