Webcoders Table

Code:

.banner-body {
background: url(http://i48.tinypic.com/t8n2aw.png) white;
background-repeat: no-repeat;
background-position: top left;
border-radius: 3px 3px 3px 3px;
border: 1px solid grey;
min-height: 100px;
width: 500px;


}

Code:

.holder {
background: url(http://i49.tinypic.com/opqqyr.png);
min-height: 100px;
width: 500px;


}

Code:

.banner-title {
padding-top: 3px;
padding-left: 4px;
margin-left: 12px;
border-bottom: 1px dashed grey;
color: rgb(84, 73, 250);
font-weight: bold;
font-size: 23px;
text-shadow: 2px 2px 5px #C2C2C2;
filter: dropshadow(color=#C2C2C2, offx=2, offy=2);


}

Code:

.banner-description {
padding-top: 3px;
padding-left: 4px;
margin-left: 12px;
color: #696969;
font-size: 14px;
text-shadow: 2px 2px 5px #C2C2C2;
filter: dropshadow(color=#C2C2C2, offx=2, offy=2);
}

Code:

<div class="banner-body">
<div class="holder">
<div class="banner-title">Webcoders - Free for all!</div>
<div class="banner-description">Webcoders was designed and made to help users creating their website, program or scripts. Crew members of Webcoders have 4 years of expertise in their business. It's our goal to aid you as much as possible by providing clean and easy-to-follow tutorials: at no cost!</div>
</div>
</div>

Is that the CSS you're using? Have you used the exact CSS that belongs to the first image? Or you played with the CSS a bit?

Firstly use this CSS

Code:

.banner-description {
padding-top: 3px;
padding-left: 4px;
margin-left: 12px;
color: #696969;
font-size: 14px;
text-shadow: 2px 2px 5px #C2C2C2;
filter: dropshadow(color=#C2C2C2, offx=2, offy=2);
}
.banner-title {
padding-top:2px;
padding-left: 4px;
margin-left: 12px;
border-bottom: 1px dashed grey;
color: rgb(84, 73, 250);
font-weight: bold;
font-size: 23px;
text-shadow: 2px 2px 5px #C2C2C2;
filter: dropshadow(color=#C2C2C2, offx=2, offy=2);


}.holder {
background: url(http://i49.tinypic.com/opqqyr.png);
min-height: 100px;
height:100px;
height:auto !important;
overflow:hidden;
width: 500px;


}.banner-body {
background: url(http://i48.tinypic.com/t8n2aw.png) white;
background-repeat:repeat-y;
background-position: top left;
border-radius: 3px 3px 3px 3px;
-moz-border-radius:3px 3px 3px 3px;
-ms-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -khtml-border-radius: 3px 3px 3px 3px;
border: 1px solid grey;
min-height: 100px;
height:100px;
height:auto !important;
width: 500px;
overflow:hidden;
}

I added some functionality so that rounded corners will work in more old browsers, also made it so if your text is longer than that in any other divs it will grow and the left background will keeps its place.
thats why i added:

Code:

background-repeat:repeat-y;

Also your html is fine as long as you dont add any other elements. If add a <p> <h1> <h2> you'll get the padding like unbelief.


If it still is giving you problems then there may be some other CSS messing it up. if after updating your CSS and error occurs still please send URL of site and where this is located and i'll look at it for u

Just remove the min-height and height properties.

@nextlevelgaming, thanks sir.
but sorry. I've click the thanks button on Rideem3's post.
My mistake

But I've press the button on your post.

#Topic title change.
#Topic solved!