Using CSS and list disappears

[wood1e]

Hi,

I am using CSS to create a box, text size, border coloour etc...but the list I have disappears...

The text and list should all be in the one box?

Can anyone help?

[CSS]
BODY {
BACKGROUND-IMAGE: url(images/bg.jpg)
}
.style1 {

border-width:1px;
border-style: solid;
border-color: #CCCCCC;
width:95%;
height:95%;
padding-left:1em;
padding-right:1em;
margin-left:12px;

}

[CSS]

[HTML]

<p class="style1">
Generic door specs and designs have an acoustic performance rating of between 35 and 50 dB. Also available are security and fire doors with a rating of 1, 2 or 4hours.
The generic designs can be adapted and designed for bespoke applications including but not exclusive to;

<ul class="stlye1">

<li>Single and double doors</li>
<li>Security locking doors</li>
<li>Emergency exit doors with panic release furniture</li>
<li>Vision panels contained in door leaf</li>
<li>Standard or interchangeable locking systems</li>
<li>Closing devices</li>
<li>Interlocking requirements</li>
<li>Alarmed systems operation</li>
</ul>

[HTML]

[Sathallrin]

Lists cannot go inside <p> tags, and you are trying to use a <p> tag to make your box. You should try using divs instead to make boxes, here is an example with your html code:

<div class="style1">
Generic door specs and designs have an acoustic performance rating of between 35 and 50 dB. Also available are security and fire doors with a rating of 1, 2 or 4hours.
The generic designs can be adapted and designed for bespoke applications including but not exclusive to;
<ul>
<li>Single and double doors</li>
<li>Security locking doors</li>
<li>Emergency exit doors with panic release furniture</li>
<li>Vision panels contained in door leaf</li>
<li>Standard or interchangeable locking systems</li>
<li>Closing devices</li>
<li>Interlocking requirements</li>
<li>Alarmed systems operation</li>
</ul>
</div>

[Setek]

Techincally, seeing as it is a paragraph, it should still be in <p> tags...

<p>all the paragraph text</p>
<ul>
<li>list</li>
<li>list2</li>
</ul>
<p>and that's how it's done.</p>