Здравствуйте!!! У меня проблема, которую никак не могу решить!

Во-первых, при листе в CSS я хочу сделать определённую картинку, которая была бы включена в ссылку при наведении мышки. Но в Опере получается, что картинка прячется куда-то и лист в виде квадратов, в ИЕ всё Ок, а в FireFox И то и другое показано(ещё хуже).

сайт здесь [Только зарегистрированные пользователи могут видеть ссылки. ] , меню слева сверху.

код :
Код:
#button {

 * * *width: 100%;

 * * *padding: 0px 0 0em 0;

 * * *margin-bottom: 1em;

 * font: bold 10pt Sans;

 * color: #FFFFFF;

 * * *}

#button ul {

****margin: 0;

****padding: 0;

****border: none;

 * * *}



#button li {

 * * *background: url(images/points.gif) no-repeat 0.9em center;

 * * *border-bottom: 1px solid #96D0EF;

 * /*color:*/

 * * *margin: 0;

 * list-style-type:square;

 * * *}

#button li a {

 * * *background: url(images/points.gif) no-repeat 0.9em center;

 * * *display: block;

 * * *padding: 0px 0px 0px 1.9em;

 * * *color: #fff;

 * * *text-decoration: none;

 * * *width: 100%;

 * * *}



html>body #button li a {

 * * *width: auto;

 * * *}



#button li a:hover {

 * * *background: url(images/points.gif) no-repeat 0.9em center;

 * * *background-color:#96D0EF;

 * * *color: #fff;

 * * *}

 *
Во-вторых: справа под топиком дискуссии показаны последние сообщения с форума. Тоже в Листе. Во всех бровсерах всё ОК, но в Эксплорере квадратик перед каждой строкой идёт не на первой строчке сообщения, а на последней.

Код:
#fresh {

 * * *width: 100%;

 * * *padding: 0px 0 0em 0;

 * * *margin-bottom: 1em;

 * font: 8pt Arial;

 * color: #FFFFFF;

 * * *}

#fresh ul {

 * *margin:0 2px 0 1em;

****padding: 0 2px 0 1em;

****border: none;

 * * *}



#fresh li {

 * * *list-style-type: square;

 * * *border-bottom: 0px solid #96D0EF;

 * * *margin: 0 0 1px 0;

 * * *}

#fresh tt {

 * * *font-family: "Times New Roman", Times, serif;

 * font-size:9px;

 * color:#D1EAF1;

}

#fresh li a { *

 * * *color: #fff;

 * * *width: 100%;

 * * *}



html>body #fresh li a {

 * * *width: auto;

 * * *}



#fresh li a:hover {

 * * *text-decoration: underline;

 * * *color: #fff;

 * * *}

 *

Ещё одна проблема: сверху идёт переход из синего к белому, всё - картинка, а белое - просто bacground-color: #FFFFFF. У меня всё ОК, а на видео картах послабее белый фон остаётся белым, а картинка сереет и получается, что переход нарушается. Неужели мне надо вместо белого фона ставить картинку с белой заливкой, чтобы и она серела у других? Пробовал spacer 1x1 pixel , резулт - тот же.

Ещё раз здесь сайт : [Только зарегистрированные пользователи могут видеть ссылки. ]