Creating CSS Frames in Posts

So I'm trying to make a "Topic Solved and Locked" Frame through the CSS Stylesheet, but I can't get it to fit from left to right of the post. It is aligned to the left and the border ends where the text ends. I want it to stretch to fit the frame of a post. Can anybody help me?

Code:

.solvedandlocked {
border: 1px solid;
margin: 10px 0px;
padding:5px 5px 5px 50px;
background-repeat: no-repeat;
background-position: 10px center;
div: 710px 34px
}
.solvedandlocked {
color: #339933;
background-color: #d4f4aa;
background-image: url('http://i43.servimg.com/u/f43/16/93/80/74/tick10.png');
}

Hi,

First can you do this:

Please change the title of your topic, that is related to your question/issue, so that other users will be able to find their question/issue using the search engine.

Alright, can you provide a URL of a thread which these tables have been added, I want to see how they look first before given any codes out. Thank you.

Sorry about that. Here you go. It won't let me since my account is less than a week old, so take out the spaces.:

http: // imtv. forumotion .com/t15-solved-and-locked

Use this one instead:

Code:

.solvedandlocked {
border: 1px solid;
margin: 10px 0px;
padding:5px 5px 5px 50px;
background-repeat: no-repeat;
background-position: 10px center;
div: 710px 34px
}
.solvedandlocked {
color: #339933;
background-color: #d4f4aa;
background-image: url('http://i43.servimg.com/u/f43/16/93/80/74/tick10.png');
width: 100%;
}

E-Mark wrote:Use this one instead:

Code:

.solvedandlocked {
border: 1px solid;
margin: 10px 0px;
padding:5px 5px 5px 50px;
background-repeat: no-repeat;
background-position: 10px center;
div: 710px 34px
}
.solvedandlocked {
color: #339933;
background-color: #d4f4aa;
background-image: url('http://i43.servimg.com/u/f43/16/93/80/74/tick10.png');
width: 100%;
}

Yep it worked! Thanks E-Mark! That was such a simple solution!