Как это сделать ? - Вопросы по CSS

Добрый день!
Передо мной стала не простая задача, т.к. вёрсткой я занимаюсь недавно, то вопрос решить очень и очень не просто.
Нужно сделать, как на картинке, а именно:
- скруглённые углы
- полупрозрачный фон
Словом - как на картинке (боковое меню, раздел, если важно "лучшие предложения").

Честно, даже не знаю за что зацепиться! Как реализовать подобного рода "выпендрёж" на сайте. ПОДСКАЖИТЕ, пожалуйста!? По возможности с кодом.

- скруглённые углы
- полупрозрачный фон

в случае со ссылками на полупрозрачный фон и скруглённые углы - автоматически возникают проблемы с ie6. И если вы посмотрите внимательно, то заметите градиент полупрозрачный.
Было бы всё так просто, я б не обращался. Уже несколько дней не могу найти решение, понять бы алгоритм. Тема открыта!

background:linear-gradient(to right,color1,rgba(255,255,255,.5));
Уже ie8 практически никем не поддерживается, а вы все на 6 смотрите ))

К моему сожалению, когда мониторил сайты Яндекс-вебмастером, то обнаружил статистику - 23% сидят на IE6. Много или мало? Каждый решит сам. Но всё же - такие ещё есть, а когда встаёт вопрос кросс-браузерной верстки, то нужно учитывать каждую мелочь, я считаю. Тогда вот какая идея мне пришла в голову.

Подскажите - как сделать следующий финт ушами:
Если я возьму в фотошопе и вырежу узкую полосу в один пиксель (это будет background), задам ей повторение по оси Y.
Затем вырежу также в фотошопе (вот тут нужен совет!): либо только скруглённый угол вверху и внизу (где-то 3-4px сверху-справаи столько же снизу-справа), либо вырежу целую полосу со скруглением, также вверху и внизу. И в том и другом случае можно ли как-то задать верхнему элементу два background-а или что-то похожее, чтобы эта картинка просто перекрывала один раз бесконечно повторяющийся background? Постарался понятно изложить мысль.

Да, полоска с прозрачностью - это будет выход из положения, раньше так все и делали, пока прозрачность и градиенты не пришли в CSS.
По скруглению: делайте 3 вложенных дива, сверху с одной картинкой со скруглением, снизу другой картинкой со скруглением, посередке повторяющаяся полоска.

Ваши данные не верны в корне: не все пользуются яндексом, половина - гуглом. А в целом на осликах всех версий не больше 15%.

По сути, то, что Вы хотите - каменный век сайтостроения, так никто уже не делает. Получается. что Вы только поддерживаете пользователей старый версий ослика.
Рекомендую вверху шаблона вставить примерно следующее:
      <!--[if lte IE 8]><div class="ie8">
            Версия браузера, которой вы пользуетесь, признана устаревшей. Пожалуйста, <a href="http://windows.microsoft.com/ru-ru/internet-explorer/download-ie-MCM" target="_blank">обновите</a> ваш браузер,<br />или воспользуйтесь альтернативным браузером, например, <a href="https://www.google.com/intl/ru/chrome/browser/" target="_blank">Google Chrome</a>, <a href="http://mozilla-russia.org/" target="_blank">Mozilla Firefox</a> или <a href="http://www.opera.com/ru" target="_blank">Opera</a>.
          </div><![endif]-->

По статистике liveinternet
Explorer 6 - 0.1%
Я уже даже под ie8 не проверяю если верстку приходиться делать.
Забудьте про ie6,7, минимум ie8

К моему сожалению, когда мониторил сайты Яндекс-вебмастером, то обнаружил статистику - 23% сидят на IE6.

Это сайт для депутатов что ли?