Div width not obeying css style

Ok, so this problem may have been asked before, but no one seems to have my exact problem. When I put a set of inline

‘s inside an inline div and then put the width to 100%, instead of expanding to the width of it’s parent element it sticks at just the width it needs to fit it’s

elements. Here is the code

(Toggle Plain Text)

T
HE 
N
AME 
| BOB JONES

| 
1855-ANUMBER

</p><br /><p>Header Template</p><br /><p> div.header{<br /><br /> border-style:solid;<br /><br /> border-width:2px 0px 2px 0px;<br /><br /> border-color:#999999;<br /><br /> padding-top:3px;<br /><br /> padding-bottom:1px;<br /><br /> display:inline;<br /><br /> width:100%;<br /><br /> }<br /><br /> p.header{<br /><br /> font-family:”Times New Roman”, Times, serif;<br /><br /> font-size:20;<br /><br /> letter-spacing:4;<br /><br /> display:inline;<br /><br /> width:100%;<br /><br /> }<br /><br /> .black{<br /><br /> color:black;<br /><br /> }<br /><br /> .grey{<br /><br /> color:#999999;<br /><br /> }<br /><br /> p.big{<br /><br /> font-size:26;<br /><br /> padding:0px 0px 0px 0px;<br /><br /> letter-spacing:0;<br /><br /> }<br /><br /> p.telephone{<br /><br /> font-size:15;<br /><br /> }<br /><br /> div.telephone{<br /><br /> right:0;<br /><br /> }</p><br /><p> T<br /><br /> HE<br /><br /> N<br /><br /> AME<br /><br /> | BOB JONES</p><br /><p> |<br /><br /> 1855-ANUMBER</p><br /><p>

I’m pretty sure that this is super obvious, but I don’t understand CSS and HTML that well.

P.S. I’ve already tried taking out the div inside that floats right, and that doesn’t solve it

http://bit.ly/r1wy4x