Currently, I am attempting to assign a background to a wrapper in order to create an infinite sidebar. Strangely enough, the background applies correctly when I use the same CSS rules on any other HTML element except for .wrapper. Below is the HTML code:
<html>
<head>
<title> Packard Carburetors </title>
<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
<div class="wrapper">
<div id="header">
<h1 id="banner">Packard Carburetors</h1>
</div><!--Header-->
<div id="navbar" class="green">
...
In addition, here is the corresponding CSS:
.wrapper {
width: 940px;
margin: 0 auto;
text-align: left;
background-image: url('../img/body-bg.png');
background-repeat: repeat-y;
}
body {
...
}
...