Проблемы с IE, прозрачность

У меня был готвы макет который идеально отображался везде кроме - конечно же IE.
Основая проблема - png не отображается прозрачность.
Что делать:
1) просто картинки, например как тут:
< a href= "/">
< img src="/images/logo.png" class="logo" />
< /a>
Чтобы исправить оказалось достаточно подключить pngfix - скрипт как описано тут
вкратце: загружаете скрипт
и подключаете в < head > его так:
< !--[if lt IE 7]>
< script defer type="text/javascript" src="pngfix.js">< /script >
< ![endif]-->

2) картинки в background свойстве в css

Исходный файл layout.css:

.menu-clouds-main {
width: 103px;
height: 50px;
background: url('/images/cloud-main.png') no-repeat;
top: 47px;
left: 10px;
padding-top: 30px;
}
Пришлось создать еще layoutie.css
.menu-clouds-main {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/cloud-main.png', sizingMethod='scale');
background:none;
}

и вставить в < head > который бы подгружал layoutie.css
< !--[if lte IE 7]>
< link rel="stylesheet" href="/stylesheets/layoutie.css" />
< ![endif]-->

последний способ взят отсюда