[Resolved] Please help with <div>

[abcde]

Please help with <div>

I'll pay 20$NP for this

<style type="text/css" id="vbulletin_css">

#vbwrapper { 
	background-color: #FFF;
	text-align: left; 
	width: 100%;
	padding: 0; 
	margin: 0
}

#vbwrapper2 { 
	background-color: #E5E5E5;
	text-align: left; 
	width: 98%;
	margin: 5px auto;
}

#vbwrapper3 { 
	padding: 0 10px
}
.border-left {
        background: url(misc/bg_l.gif) repeat-y top left;
	width: 13px;
	height: 100%;
}
.border-right {
        background: url(misc/bg_r.gif) repeat-y top right;
	width: 13px;
	height: 100%;
}
.top-left { 
	float: left;
}

.top-middle {
	width: 100%;
	height: 5px
}

.top-right { 
	float: right 
}
.bottom-left { 
	float: left;
}

.bottom-middle {
	width: 100%;
	height: 5px
}

.bottom-right { 
	float: right 
}

</style>

<!-- testing top code -->
<div id="vbwrapper2">
<div class="top-middle">
<div class="top-left"><img src="$stylevar[imgdir_misc]/b_top_l.gif" width="13" border="0" alt="" /></div>
<div class="top-right"><img src="$stylevar[imgdir_misc]/b_top_r.gif" width="13" border="0" alt="" /></div>
</div>
<div align="center">
<!-- /testing top code -->


text text
<!-- testing bottom code -->
</div>
<div class="bottom-middle">
<div class="bottom-left"><img src="$stylevar[imgdir_misc]/b_bt_l.gif" width="13" border="0" alt="" /></div>
<div class="bottom-right"><img src="$stylevar[imgdir_misc]/b_bt_r.gif" width="12" border="0" alt="" /></div>
</div>
<!-- /testing bottom code -->

problem is... I don't know how to add the ".border-left" and ".border-right" to the box using <div>

<div class="border-left"></div>

<div class="boder-right"></div>

I'm not sure if you can understand...

Thanks for helping.

 

[abcde]

solved!

Thanks for readin