[WSG] Problem UL with Firefox

[Cook, Graham R]

Can anyone assist with a hack that is for Firefox only. I have found that bot IE6 and Opera 7.54 place the list-image outside the border area of the ul. Firefox however places the image inside the ul border. The hacks I have used  all affect both Firefox and Opera. Any suggestions please.

 

Thanks

Graham Cook

 

Code: (ul and li borders for demonstration only)

 

<style>
.cssRightModule{
 right:0px;
 padding:0px;
 margin:0px;
 width:240px;
 font-size : 80%;
 font-family: Verdana,Arial,sans-serif;
 color:#003366;
 } 

 

.cssRightModuleTop, .cssRightModuleContent, .cssRightModuleBottom{
 padding-left:15px;
 }

 

.cssRightModuleTop{
margin:0px;
 background: #d9ecff url(/global/res/themes/corporate/images/bckgrnd_panel_curve_top.gif) no-repeat top right;
 padding-bottom : 3px; 
 top : -3px; 

 border-bottom: 1px solid #fff;
}

 

.cssRightModuleTop h2{ 
 font-size : 110%;
 padding:0px;
 margin-top : 0px;

 }

 

.cssRightModuleContent{
 border-top: 1px solid #FFffff;
 padding:5px 0px 0px 10px ;
 margin: 0;
 background:#d9ecff;
 border-bottom:1px solid #d9ecff;
 }

 .cssRightModuleBottom{
  background: #d9ecff  url(/global/res/themes/corporate/images/bckgrnd_panel_curve_bottom.gif) no-repeat bottom left ;
  height:10px;
 margin-bottom : 10px;
 }

.cssRightModuleContent ul{
 margin-top:.25em;
 border : thin solid blue;
 margin-left:10px;
 }

 

/*Regognised by Firefox and Opera
html>body .cssRightModuleContent ul {margin-left: -10px;} */

 

/*Regognised by Firefox and Opera
head:first-child+body .cssRightModuleContent ul {margin-left: -10px;}  */

 

/*Regognised by Firefox and Opera
 html>body .cssRightModuleContent ul  {ma\rgin-left: -10px; } */

 

/*Regognised by Internet Explorer 
* html .cssRightModuleContent ul {margin-left: -10px;}  */

 

.cssRightModuleContent li{
 list-style-image : url(/global/res/images/orange_bullet.gif);
 border : thin solid red;
 margin-left: 6px;
 padding-left: 1px;
 list-style-position : outside;
 }
</style>

<div class=cssRightModule>
 <div class=cssRightModuleTop><h2>Internet Explorer</h2></div>
 <div class=cssRightModuleContent>
  <ul>
   <li><a href="">Newsletter Ed 17</a> (23/11/04)</li>
   <li>Confidential standards are now hosted on our <a href="">Intranet' href=''>http://www.in.telstra.com.au/ism/onlinestandards/">Intranet site</a> (26/06/03)</li>
  </ul>
 </div>
 <div class="cssRightModuleBottom"></div>
</div> 

 

<<Outlook.jpg>>

<<Outlook.jpg>>

<<Outlook.jpg>>