My div background color did not show up when I placed it in the external CSS sheet. I went ahead and made it an inline style and got my desired result except for thebig space between the right side of the picture and the edge of the containing div. Why is that? I was trying to stay away fro tables which immediately gave me the result I have now.
@charset "utf-8";
/* CSS Document */
body{
background:#edba19;
background-repeat:repeat-x;
background-image:url(background.jpg);
background-position: top;
}
div #container{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
background-color:#843382;
text-align: justify;
margin-left: 40px;
color: #FFFFFF;
}
div #name{
padding-left:30px;
}
div #logo{
padding-left: 20px;
float: left;
padding-right: 20px;
}
div #headpic{
padding-bottom: 3px;
}
a:active,a:link{
color: #FFFFFF;
text-decoration: underline;
}
a:hover {
text-decoration: underline; color:#FFFFFF}
a img {border:0px; }
#header {
}