list-style : none; ?

[stublackett]

Hi,

 

I've got a CSS List setup to look like a table, The list renders without a list style fine in FireFox, but just doesnt work in IE. The list style is picked up, Its proving to be a bit of a pain... Any ideas on what I can do.

 

My code is as follows :

 

HTML.......

<div class="newsStory">
<div class="table">
<ul>
<li class="title">Bank Safe</li>
<li class="desc-bank">
This product is ideal for learning all of the various aspects of online banking, from transfers and payments to standing orders and direct debits...
</li>

</ul>
<ul>
<li class="title">Licence Type</li>
<li class="item">Single User Licence</li>
<li class="item">5 User Licence</li>
<li class="item">10 User Licence</li>
<li class="item">20 User Licence</li>
<li class="item">Site Licence</li>
</ul>
<ul>
<li class="title">Price</li>
<li class="item">£45.00</li>
<li class="item">£105.00</li>
<li class="item">£175.00</li>
<li class="item">£295.00</li>
<li class="item">POA</li>
</ul>
<ul>
<li class="title"> </li>
<li class="item">Add To Basket</li>
<li class="item">Add To Basket</li>
<li class="item">Add To Basket</li>
<li class="item">Add To Basket</li>
<li class="item"><a href="contact.php" title="Contact us">Contact us</a></li>
</ul>


</div>
</div>

 

CSS........

.table
{
background: #FFF;
}
.table ul
{
float:left;
margin:0;
padding:0;
border:1px solid #C9C9C9;
}
.table ul li
{
list-style:none;
padding:5px 10px;
}
.table ul li.title
{
font-weight:bold;
background: #EDE8EB;
color: #000;
list-style: none;
}
.table ul li.item
{
background:#fff;
border: solid #CCC 1px;
list-style: none;
}
.table ul li.desc-bank
{
width: 250px;
height: 118px;
border: solid #CCC 1px;
background: #FFF;
list-style: none;
}

.table ul li.desc-apprentice
{
width: 250px;
height: 78px;
border: solid #CCC 0.5px;
background: #FFF;
list-style: none;
}

.table ul li.desc-apprenticedetails
{
height: 78px;
border: solid #CCC 1px;
background: #FFF;
list-style: none;
}

[Zane]

try list-style-type: none instead

[stublackett]

try list-style-type: none instead

 

No joy with that there either... When it loads the page up in IE, The bulleted list isnt there, But selecting the list or something like that and it appears. The bullet style is not a default one though, It appears its being pulled from the sites' full CSS stylesheet