I am ediniting a file that was created by somebody else, they used a lot of tables and I am trying to re-code using proper code.
As far as I can see everything is fine, and in IE my list are styled perfectly with the CSS, however in Firefox my list are not styled at all, it looks like it is just complete ignoring my CSS list class’s!!
Can anyone help?
These pages never had any doctype set and they worked fine before, albeit with diff css, however when I mess about and try to add different doctype statements it stops styling in IE also…it must be something to do with this.
Please help.
Check out the link in IE and FF:
http://staging.cairn-energy.plc.uk/2008/index.shtml
Ignore a lot of the later html, its old rubbish, its just the lists (my new code) that is the problem.
[CSS]
.2008_content{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
border:#CCC 1px solid;
width:234px;
float:left;
padding:0 0 0 0;
margin:0 0 0 0;
}
.2008_content ul{
list-style-type:none;
padding:0px;
margin:0px;
}
.2008_content ul li{
display:block;
padding:0px;
margin:0px;
}
.2008_content ul li.title{
height:40px;
background-color:#666;
color:#FFF;
padding-top:5px;
text-align:center;
font-weight:500;
}
.2008_content ul li.link1 {
height:40px;
color:#333;
font-weight:200;
background:url(…/images/blue_arrow_grey_back.gif) no-repeat center left #e5e6e6;
padding-left:15px;
padding-top:13px;
border-bottom:#FFF 1px solid;
}
.image{
margin-left:35px;
}
Cairn Energy PLC