https://testbed.odysseyshipping.com/
In the footer, I am having problem with the list-style-image statement
in my CSS
1) In Firefox, my custom image shows in front og all list items EXCEPT
the first column
2) In IE 7, they don;t sow any where
I suspect it has to do with floats. Can anyone assist?
Thanks,
Don
Don't know if you van View CSS source but below is my CSS code for the
footer:
#footer {
padding: 0;
margin: 0;
clear: both;
}
#footer_headers {
width: 100%;
margin: 0;
padding: 0;
padding-top: 5px;
padding-bottom: 5px;
float: left;
background-image: url(../images/menurest.jpg);
background-repeat: repeat;
color: white;
font-weight: bold;
}
#footer_headers:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html #footer_headers { height: 1%; } /* for IE5+6 */
*:first-child+html #footer_headers { min-height: 1px; } /* for IE7 */
#footer_headers .footer_header_title {
margin: 0;
padding: 0;
padding-left: 1%;
width: 24%;
float: left;
font-weight: bold;
}
#footer_links {
width: 100%;
margin: 0;
padding: 0;
float: left;
color: black;
text-align: left;
}
#footer_links:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html #footer_links { height: 1%; } /* for IE5+6 */
*:first-child+html #footer_links { min-height: 1px; } /* for IE7 */
#footer_links .footer_links_title {
float: left;
width: 25%;
padding-top: 10px;
}
#footer_links .footer_links_title ul {
margin: 0;
padding: 0;
list-style-image: url(../images/acc_arrow.gif);
}
#footer_links .footer_links_title li {
color: #993300;
text-align: left;
}