CSS Unordered List Problem
Ok, i have spent the entire day racking my brain over why this is not working. This is a simple rollover button script and internet explorer hates it. Here are a couple screen shots of my problem.
In Firefox:
Where the red line is for some reason there is a gap there and i can't figure out what is casuing it. This is not something im to worried about but it would be nice to ix if anyone notices what the problem is.
In Internet Explorer:
For some reason those little bullets will not go away.
Here is the CSS code i am using, the menu is toward the bottom, i thought i would include the whole file incase something is interfering with something else.
Quote:
html,body{padding:0px;margin:0px;}
td{font:12px Verdana,Arial,Tahoma;color:#5C5B5B;}
td.headline{font:18px Verdana,Arial,Tahoma;color:#5C5B5B;font-weight:bold;}
td.error{font:12px Verdana,Arial,Tahoma;color:#C00000;font-weight:bold;}
td.white{font:12px Verdana,Arial,Tahoma;color:#FFFFFF;}
td.menu{background-color:#DDF4FC;padding:5px;text-align:center;font:12px Verdana,Arial,Tahoma;color:#5C5B5B;}
td.menu_selected{background-color:#C7E4EE;font:12px Verdana,Arial,Tahoma;font-weight:bold;color:#5C5B5B;}
td.column{background-color:#DDF4FC;text-align:center;font:12px Verdana,Arial,Tahoma;font-weight:bold;color:#5C5B5B;height:20;}
td.footer{background-color:#DDF4FC;padding:10px;text-align:center;}
td.newmsg{font:12px Verdana,Arial,Tahoma;color:#5C5B5B;font-weight:bold;}
td.search_results_main{background-color:#FFFFFF;padding:3px;text-align:center;font:12px Verdana,Arial,Tahoma;color:#5C5B5B;}
td.search_results_save{background-color:#FFFFFF;text-align:center;font:12px Verdana,Arial,Tahoma;color:#5C5B5B;}
td.bold_result{font:12px Verdana,Arial,Tahoma;font-weight:bold;color:#5C5B5B;}
table.highlight_result{background-color:#FFF8C1;}
td.ad_field_main{background-color:#FFFFFF;vertical-align:top;font:12px Verdana,Arial,Tahoma;font-weight:bold;color:#5C5B5B;}
td.ad_field{background-color:#FFFFFF;vertical-align:top;font:11px Verdana,Arial,Tahoma;color:#5C5B5B;}
div.ad_field_req_bold{font-weight:bold;}
div.ad_field_req_italic{font-style:italic;}
td.view_ad_main{background-color:#FFFFFF;padding:0px;font:12px Verdana,Arial,Tahoma;color:#333333;}
td.view_ad_title{background-color:#FFFFFF;height:20;font:14px Verdana,Arial,Tahoma;font-weight:bold;color:#5C5B5B;}
td.view_ad_field_name{background-color:#FFFFFF;vertical-align:top;font:11px Verdana,Arial,Tahoma;font-weight:bold;color:#5C5B5B;}
td.view_ad_field_content{background-color:#FFFFFF;font:11px Verdana,Arial,Tahoma;color:#5C5B5B;}
table.view_ad_field_content{background-color:#FFFFFF;font:11px Verdana,Arial,Tahoma;color:#5C5B5B;}
td.faq_question{background-color:#FFFFFF;vertical-align:top;font:11px Verdana,Arial,Tahoma;font-weight:bold;color:#5C5B5B;}
td.faq_answer{background-color:#FFFFFF;font:11px Verdana,Arial,Tahoma;color:#5C5B5B;}
tr.payment_required{background-color:#FEFAD0;font:12px Verdana,Arial,Tahoma;font-weight:bold;color:#5C5B5B;}
hr.search_results{border:0;color:#5C5B5B;backgroun d-color:#5C5B5B;height:1px;}
img{border:0px;}
input{font:12px Verdana,Arial,Tahoma;color:#5C5B5B;margin:0 5 0 5;}
select{font:12px Verdana,Arial,Tahoma;color:#5C5B5B;margin:0 5 0 5;}
a{color:#CC5112;text-decoration:none;}
a:hover{color:#0074A1;text-decoration:underline;}
a.white{color:#CC5112;text-decoration:none;}
a.white:hover{color:#0074A1;text-decoration:underline;}
a.white_small{color:#FFFFFF;font:10px Verdana,Arial,Tahoma;text-decoration:none;}
a.white_small:hover{color:#FFFFFF;font:10px Verdana,Arial,Tahoma;text-decoration:underline;}
div.headingcat{padding:3 0 0 10;width:100%;background:url(images/bg_heading_cat.gif) repeat-x;height:22px;font:11px Verdana,Tahoma;font-weight:bold;color:#014F6D;}
td.headingcat{padding:3 0 0 10;background:url(images/bg_heading_cat.gif) repeat-x;height:22px;font:12px Verdana,Tahoma;font-weight:bold;color:#0074A1;}
div.featured_title_red{font:14px Arial, sans-serif;color:#E2501F;}
div.featured_title_green{font:14px Arial, sans-serif;color:#6D9812;}
div.featured_title_pink{font:14px Arial, sans-serif;color:#D80C89;}
ul{padding:10 0 15 20;margin:0 0 0 10;list-style:url(images/bullet01.gif);}
li{list-style:url(images/bullet01.gif);line-height:15px;}
/* =-=-=-=-=-=-=-[Menu One]-=-=-=-=-=-=-=- */
#menu div {
height: 30px;
list-style-type: none;
margin: 0;
padding: 0;
}
#menu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#menu li {
list-style-type:none;
line-height:15px;
}
#menu {
height: 30px;
width: 759px;
border-style: none none none none;
border-color: #94AA74;
border-size: 0px;
border-width: 1px;
margin: 0px;
padding: 0px;
}
#menu li a {
height: 30px;
voice-family: "\"}\"";
voice-family: inherit;
text-decoration: none;
}
#menu li a:link, #menu li a:visited {
color: #FFFFFF;
display: block;
background: url(http://www.motorocean.com/images/menu1.gif);
padding: 7px 0 0 0px;
}
#menu li a:hover {
color: #26370A;
background: url(http://www.motorocean.com/images/menu1.gif) 0 -37px;
padding: 7px 0 0 0px;
}
#menu li a:active {
color: #26370A;
background: url(http://www.motorocean.com/images/menu1.gif) 0 -64px;
padding: 7px 0 0 0px;
}
|
|