Зазоры в Internet Explorer 6

[Red Planet]

Здравствуйте. Обнаружил при верстке одну неприятность, наблюдается в IE 6, в других не замечал.

Google Chrome, Opera, Mozilla Firefox, Internet Explorer 8.

Internet Explorer 6. По бокам у оранжевого блока видны небольшие зазоры.

CSS.

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	background: #fe6;
}


* {
	margin: 0;
	padding: 0;
}


p {
	padding: 10px 30px;
}


#container, #left-col, #right-col {
	height: 300px;
}


#container {
	background: #F63;
	margin: 0 100px 0;
}


#left-col {
	float: left;
	width: 100px;
	background: #ffe;
}


#right-col {
	float: right;
	width: 100px;
	background: #aa5;
}

В чем причина?

Edited September 20, 2010 by Red Planet

[psywalker]

#container {overflow:hidden; zoom:1;

[Red Planet]

Не помогло.

[psywalker]

p {

padding: 10px 30px;

}

С паддингами поиграйся, обнулика для интереса

[Red Planet]

И снова ноль эффекта.

[Searcher]

Дали только стили, а как это соотносится со структурой мы угадывать должны? Где html?

Ну а если протелепатить, то возможно это есть так называемый знаменитый 3-х пиксельный баг ИЕ6 при плавающих блоках. Решается по разному в зависимости от задачи. Поищите здесь на форуме или погуглите, это распространенная тема.

[WalkMan]

хтмл покажи

имхо судя по картинке у тебя все колонки и футер в одном блоке контейнер

футер надо вынести за пределы контейнера

либо clear: both дать ему