Отобразить картинку слева от ссылки - Вопросы по CSS

Ребята нужна ваша помощь, т.к я сам уже просмотрел все стили и положительного результата не добился...
У  меня на сайте есть "главное меню" только для него надо прописать в сисс стилях так, чтоб при наведении на ссылку слева от нее отображалась картинка причем с отступом в 10 px, я пробовал background, но текст ссылки перекрывает картинку, в общем буду благодарен если поможете это решить...
2) Как поставить на место слетевший угол у розовых таблиц (левый нижний)?

1. ну так помимо background надо еще отступы задать
2. я вообще не понял

Вы по первому вопросу не могли бы наглядно пример привести
2) Есть на сайте таблицы розовые - слева и справа! Как поставить на свое место слетевший угол у таблиц (левый нижний)?
www.junart/files/

хотяб ссылку показали

1. Помимо установки background вам нужно в ссылке установить еще padding-left (или right) равный размеру картинки + зазор между ней и текстом
2. Обычно, чтобы отобразить 4 угла, используются 4 вложенных слоя, я у вас вижу только 3... Кроме того, лучше этим слоям задать явно классы, потому как сейчас привязка только к слоям и, как следствие, вложенные элементы этих таблиц тоже имеют фоном одну из картинок.

У меня розовые блоки в index.php записаны на вывод так:
<div class="block">
  <?php if (mosCountModules('left')>0) mosLoadModules('left',-3); ?>
</div>

в CSS для них стили:
.block div.module {
background-color:#E81D56;
margin-left:20px;
margin-right:20px;
background-repeat: no-repeat;
background-image:url(../images/icon.png);
 background-position: 15px 10px;
margin-bottom:30px;




}

.block div.module div {
background:url(../images/right_b_ug.jpg) no-repeat;
background-position: bottom right;
padding-bottom:10px;
}
.block div.module div div{
background: url(../images/top_left_ug.jpg) no-repeat;
background-position:top left;
}
.block div.module div div div {
text-align:center;
color:#FFFFFF;
background: url(../images/top_right_ug.jpg) no-repeat;

background-position:top right;
width: auto !important;

}

Как видно 4! О каком недостающем вы имели ввиду?

Как видно 4! О каком недостающем вы имели ввиду?

о блоке с картинкой для нижнего левого угла...

../images/right_b_ug.jpg - правый нижний угол
../images/top_left_ug.jpg - левый верхний
../images/top_right_ug.jpg - правый верхний

и тут очень напрашивается левый нижний, а его нет...

Прописал padding гляньте на сайте, что получилось при нажатии ссылку рвет по сторонам (там список li)
#leftcolumn .menu a:hover  {color: #FFCC00;
background:url(../images/ul.png); padding-left:32px;
background-repeat:no-repeat;

   
   font-weight: 500;

   line-height: 20px;}

Т-е для этого блока выходит так:
.block div.module div div div div {...}