devo semplicemente impostare l'immagine punto elenco , voglio che l immagine cada direttamente sui bordi del menu "costi e tempi " ,ma haimè , mi risulta dopo vari tentativi quasi impossibile.

http://farandagiovanni.net/prova.html

questa è la pagina , potete vedere cosa intendo.

Ci sono riuscito con I Explorer , ma con firefox il gioco non è lo stesso.
COme posso fare per entrambi a visualizzare la stessa cosa ?

Vi posto come mi suggerite sempre anche parte del codice css ,quello html lo vedete sulla pagina.





#corpo #inferiore {
width: 735px;
height: 300px;
margin: 0px;
padding: 0px;
}

#corpo #inferiore #Costitempi{
width: 190px;
height: 290px;
float: left;
background-color: #222222;
margin-top: 3px;
}
#corpo #inferiore #Costitempi ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#corpo #inferiore #Costitempi ul li {
display: block;
margin: 5px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
#corpo #inferiore #Costitempi ul li a {
color: #CCCCCC;
font-size: 14px;
}
#corpo #inferiore #Costitempi ul li a:hover {
text-decoration: none;
color: #FFFFFF;
}


#corpo #inferiore #news {
width: 528px;
height: 290px;
margin-top: 3px;
float: right;
border: 1px solid #000000;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
text-indent: 10px;
font-size: 14px;
background-color: #591313;
}
#corpo #inferiore #news ul {
padding-left: 10px;
list-style-image: url(../images/list-immage.jpg);
}
#corpo #inferiore #news ul li {
color: #999999;
border: 1px solid #990000;
margin: 5px;
padding: 5px;
}
#corpo #inferiore #news ul li:hover {
background-color: #840606;
}
#corpo #inferiore #news ul li a {
color: #FFFFFF;
font-family: "Trebuchet MS", "Tw Cen MT";
}