Почему этот код рисует прямоугольник в IE а не квадрат, как задумано?
<div style="width: 5px; height: 5px; background-color: #f46a90;"></div>
Как можно это обойти?
Занятно... Сам не пойму в чем причина. Выход такой попробуй: вставь между тегами DIV пустую картинку в формате gif (т.н. "растяжка") размером 1 на 1 пиксель и увеличь ее ширину и высоту до 5 пикселей.
Приблизительно так:
<div style="width: 5px; height: 5px; background-color: #f46a90;"><img src="/images/spacer.gif" width="5" height="5" /></div>
Позволь узнать, а для чего такая мелкота? Полагаю, что это не сайт специально оптимизированный для просмотра с микроскопом? И куда ты хотел бы вставить текст с таким размером шрифта?
Есть еще вариант - вынести стиль отдельно, с учетом размера шрифта: