Headers - Quick Questions

[Sunny]

So here is what I have in the CSS:

/* Headers for Side Tables */
h9 {
background: #5f5b31;
color: #9d964c;
font-family: Arial;
font-size: 11pt;
font-weight: bold;
text-transform: lowercase;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
letter-spacing: 0px;
text-align: left;
font-style: none;
line-height:20px;
border-bottom:2px #947329 solid;
border-right:0px #394358 solid;
background-image: url('http://i45./f55/mizuni_uni-chan/Folk%20Songs/Layouts/FS_BG_second_3v3_zps8209c09d.png');
background-repeat:repeat;
width: 100%;
}
h8 {
background: #606035;
font-family: helvetica,sans;
font-size: 6.5pt;
font-weight: normal;
text-transform: none;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
letter-spacing: 2px;
text-align: center;
font-style: Italic;
border-bottom: 0px #82adc5 solid;
border-right:0px #394358 solid;
width: 100%;
}

But what I get is ALL messed up. Even though the width is supposed to be 100% the background stops right after the end of the words in the header. Also, suddenly now I have to add a "<BR>" after everyone so they don't bunch up whereas before I didn't have to do that.

Help...

[Sunny]

Could someone help...

[Tim Camara]

I'm going to assume that this is in reference to folksongs.freemessageboards.com/.

First off, h8 and h9 aren't valid HTML tags; There's only h1 through h6. Change the actual HTML from your sidebar, and make sure you modify your two CSS selectors up there to match (Try h2 or h3?). If after fixing this they still bunch up, try adding this to the CSS of each of your selectors: 'display: block;'.

The reason your background doesn't reach the sides is that there's a padding around the containing div element. To remove that, just remove the 'pad-all' class from the div in your sidebar.

w3schools has some great information on CSS that can help you figure some of this stuff out, it was one of the resources that helped me learn all this stuff in the first place.