there are two problems below:

1. In instance of Marital status
- while i write 'nowi' - it overwrites my padding value and throws the 'br' tag on the next line, thereby extra space below text alright. Ideally 'nowi' the entire word should wrap onto the next line, please help!

2. In instance of 'Special Cases'
- every time content written in the "<b>last</b>" row wraps onto the 2nd line, it falls out side of the box. y doesn't it increase the height of the box with the bgcolr?? please help!

<html>
<head>
<title>test problem</title>
<style>
.mediumblack{font-weight: normal; font-size: 12px; color: #000000; font-style: normal; font-family: arial; text-decoration: none; line-height: 16px;}
</style>
</head>

<body>
<div style="width: 273px; float: left;">

<div style="padding: 8 0 1 6px;" class="mediumblack"><b>My Basics</b></div>
<div style="padding: 0 6 0 6px; border-top: 1px solid #8FA7BF; border-bottom: 1px solid #8FA7BF; background-color: #ffffe0;">

<div style="width: 115px; float: left;" class="mediumblack">Age</div>
<div style="width: 8px; float: left;" class="mediumblack">/div>
<div style="float: left;" class="mediumblack">24</div>
<br clear="all">

<div style="width: 115px; float: left;" class="mediumblack">Marital Status</div>
<div style="width: 8px; float: left;" class="mediumblack">/div>
<div style="float: left;" class="mediumblack">Never Married before nowo</div>
<br clear="all">

<div style="width: 115px; float: left;" class="mediumblack">Marital Status</div>
<div style="width: 8px; float: left;" class="mediumblack">/div>
<div style="float: left;" class="mediumblack">Never Married before nowi</div>
<br clear="all">

<div style="width: 115px; float: left;" class="mediumblack">Special Cases</div>
<div style="width: 8px; float: left;" class="mediumblack">/div>
<div style="float: left;" class="mediumblack">Physically challenged from birth</div>
<br clear="all">

</div>
</div>


</body>
</html>