DENweb, png прекрасно показываются в ИЕ. Просто надо знать, как их прописывать. И не надо будет ничего отдельно перелопачивать для ИЕ. Вообще, конечно, твой подход к верстке - это нечто. Правильно тебе Makarenya говорит: верстать надо сразу во всех браузерах.
Причем сначала рекомендую верстать общую раскладку блоков. То есть предположим, на сайте есть шапка, боковое меню, блок контента и футер. Вот их и сверстай в первую очередь - без содержимого. И смотрим во всех установленных на компе браузерах (кстати установить одновременно ИЕ6 и ИЕ7 вполне возможно). Если что не так - тут же подправили. Если не знаем как подправлять - ищем в инете хаки и подходы.
Потом принимаемся за содержимое. Так же тщательно и постепенно все проверяем, хачим и подстраиваем. А ты, пардон, через жопу верстать собрался. Конечно, я понимаю, что это от незнания кое-каких основ. Ну, так лучше с самого начала приучай себя к правильному подходу, чем потом будешь переучиваться.
Так вот. По поводу png.
Код:
#div {width:200px; height:100px; background:url(images/logo.png) 0 0 no-repeat; }
* html #div {background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/images/logo.png', sizingMethod='scale')}
#div a {position:relative; }
Обрати внимание: для обычных браузеров png прописывается фоном. Для ИЕ используется фильтр AlphaImageLoader. Размер блока должен четко соответствовать размеру png. Для ИЕ в фильтре путь к картинке указывается абсолютный (сравни указание пути к картинке для остальных браузеров). Если нужна ссылка внутри блока с png, то ей присваивается свойство position:relative.
Есть еще нюансы - в любом поисковике набери "png в Интернет Эксплорер" - и читай хелпы.