Baggrundsbilled vises ikke
Hej eksperter.Jeg er ved at bygge en side op i CSS, men er løbet ind i et problem. Jeg kan ikke se mit baggrundsbillede i "sidebar-a" og mit simple spørgsmål er: Hvorfor?
Min side er her: http://test.kryger.name/
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da" lang="da">
<head>
<title>Sidetitel</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/master.css" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="pagecontainer">
<div id="sidebar-a">A</div>
<div id="sidebar-b">B</div>
<div id="content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam gravida enim ut risus. Praesent sapien purus, ultrices a, varius ac, suscipit ut, enim. Maecenas in lectus. Donec in sapien in nibh rutrum gravida. Sed ut mauris. Fusce malesuada enim vitae lacus euismod vulputate. Nullam rhoncus mauris ac metus. Maecenas vulputate aliquam odio. Duis scelerisque justo a pede. Nam augue lorem, semper at, porta eget, placerat eget, purus. Suspendisse mattis nunc vestibulum ligula. In hac habitasse platea dictumst.</div>
</div>
<hr>
</div>
</body>
</html>
CSS:
html, body
{
padding:0;
margin:0;
}
body
{
background-color: #E7E7E7;
}
#wrapper
{
width:100%;
margin: auto;
}
#pagecontainer
{
width:1000px;
margin: auto;
background-color: #FFFFFF;
}
#sidebar-a
{
float: left;
width:25px;
background-image:url('images/background_sidebar-a.jpg');
}
#sidebar-b
{
float: right;
width:250px;
}
#content
{
margin-left: 25px;
margin-right: 250px;
text-align: justify;
}
hr
{
color: #8C8C8C;
background-color: #8C8C8C;
border: 0;
height: 1px;
padding: 0;
margin: 0;
}
