Глюк в IE6 (( Помогите!

[HelgaOz]

Помогите, пожалуйста, разобраться! В ИЕ6 не оборачивает в див( в остальных браузерх ОК.

Скриншот в ИЕ6:

Скриншот в других браузерах:

вот HTML:

<div id="wrapper">
  <div id="content" >
	<div class="contactimg"> <p>LEFT COLUMN</p> </div>
	<div class="product"> <p>RIGHT COLUMN</p> </div>
  </div>
</div>

вот CSS:

#wrapper {width: 934px;	margin: 0 auto;padding: 0;  margin-top: 0px;}
#content {background-color: #716d67; padding: 7px; position: relative; top:0px; left: 0;  clear:none; overflow: hidden;  }
.contactimg {  border: 5px #8c887a solid; float: left; }
.product {	float: left; margin: 0 0 0 20px; padding: 0 14px 0 0; width: 495px;  }

Edited August 13, 2009 by HelgaOz

[rash]

У меня вот 100% ТЗ ставятся с зелеными квадратиками, обоими. Сначала бесило, потом привык, а потом даже нашел плюсы. Экранирую четкую версию браузера, если это IE6 - то никто никогда не увидит костыль. Читал, не сталкивался, что Сафари новый стал понимать zoom, кто гарантирует, что он или еще кто хаки ословые в будущем не начнет понимать? Переделывать крайне не люблю. Тем более если CSS строк на тыщи четыре - утомительно ). Заодно - отвалился IE6, допустим, он у сотой части процента - просто отцепил CSS и все, нету его.

А как быть с вполне легальными свойствами из css3, о которых валидатор еще не знает, но их было бы очень удобно использовать. А свойства с вендорными префиксами? -moz-background-clip, -o-text-overflow, opacity? Не отказываться же от них только из-за того, что валидатор еще не в курсе...

Тем более, что мы знаем, как браузер ведет себя, встретив ошибку в CSS, и можем учесть такое поведение в дальнейшем.

[Justnewone]

А как быть с вполне легальными свойствами из css3, о которых валидатор еще не знает, но их было бы очень удобно использовать. А свойства с вендорными префиксами? -moz-background-clip, -o-text-overflow, opacity? Не отказываться же от них только из-за того, что валидатор еще не в курсе...

Тем более, что мы знаем, как браузер ведет себя, встретив ошибку в CSS, и можем учесть такое поведение в дальнейшем.

-moz-background-clip, -o-text-overflow - особенности конкретных браузеров, наверняка валидатор никогда с ними не подружится.

[rash]

-moz-background-clip, -o-text-overflow - особенности конкретных браузеров, наверняка валидатор никогда с ними не подружится.

Вот видите. Конечно, он не подружится, однако спецификация CSS явно позволяет использовать вендорные префиксы такого вида. То есть мы можем получить таблицу стилей, соответствующую спецификации, но не проходящую валидацию.