Проблем с background под IE7

C

confiscate

Registered
Здравейте ,
Имам следния проблем : Имам някакъв див и му задавам "background-color:#f5f5f5; " и под IE7 този цвят не се появява изобщо , а като Background на дива стой цвета , който съм задал в body ??? МОже ли да ми кажете откъде идва този странен проблем ? Никъде другаде не се появява , под IE 9 го няма също , както и под IE6. Там дава други бъгове , но аз съм му свикнал.

Ето малко код да видите за какво става дума:
html
Код: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Изработка на уеб сайтове за малкия и среден бизнес на топ цени" /> 
<meta name="keywords" content="уеб , сайт , дизайн , изработка " />
<title>VEM-WEB</title>
<link rel='shortcut icon' href='favicon.ico'/>
<link href="css/main.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery-1.2.6.min.js"></script> 
	 <script type="text/javascript" src="jquery.ie6blocker.js"></script> 
</head>
<body>
<div id="container">
<div id="topline"></div>
<div id="navigation">
<div class="menu">
<ul>
<li class="homeBt"><strong>Начало</strong></li>
<li><a href="about.html" class="aboutBt"><strong>За нас</strong></a></li>
<li><a href="services.html" class="serviceBt" ><strong>Услуги</strong></a></li>
<li class="priceBt"><a href="prices.html" class="priceBt"><strong>Цени</strong></a></li>
<li class="portfolioBt"><a href="portfolio.html" class="portfolioBt"><strong>Портфолио</strong></a></li>
<li class="contactBt"><a href="contact.php" class="contactBt"><strong>Контакти</strong></a></li>
</ul>
</div>
</div>
<div id="bottomline"></div>
<div id="FirstArena">
<div class="InfoCol">
<ul>
<li><img src="img/arrow.png" width="32" height="31" alt="arrow" /></li>
<li><h3>Кои сме ние ?</h3></li>
</ul>
<div style="clear:both;"></div>

<div id="slideWrapper">
<div class="content_bg">
<div class="content">
<ul class="switcher">
<li id="one"><img src="img/img1.png" width="673" height="175" alt="info" /></li>
<li id="two"><img src="img/img2.png" width="673" height="175" alt="types" /></li>
<li id="three"><img src="img/img3.png" width="673" height="175" alt="technics" /></li>
<li id="fourth"><img src="img/img4.png" width="673" height="175" alt="FQE" /></li>
<li id="fifth"><img src="img/img5.png" width="673" height="175" alt="pay" /></li>
</ul>
<ul class="nav">
<li><a href="#one">1</a></li>
<li><a href="#two">2</a></li>
<li><a href="#three">3</a></li>
<li><a href="#fourth">4</a></li>
<li><a href="#fifth">5</a></li>
</ul>
</div>
</div>
</div>

</div>
<div class="ContactCol">
<ul>
<li><img src="img/arrow.png" width="32" height="31" alt="arrow" /></li>
<li><h3>Свържете се с нас </h3></li>
</ul>
<div style="clear:both;"></div>
<ul class="types">
<li class="types"><strong>Тел.:</strong> 02/8395784</li>
<li class="types"><strong>GSM: </strong> 0889827370 / 0884789964</li>
<li class="types"><strong>Email: </strong> order@vem-web.info</li>
<li class="types"><strong>Skype: </strong> marki4123</li>
<li class="types"><strong>Адрес:</strong> София, кв."Хаджи Димитър", ул."Кочо Честименски"-45</li>
<li class="types"><a href="#"><img src="img/fb.png" width="104" height="104" alt="fb" /></a></li>
</ul>
<div style="clear:both;"></div>
</div>
</div>

css
Код: 
ul,img,p,h1,h2,h3,h4 ,a {margin:0; padding:0;}
img {border:none;}
div#wrapperBox {display:none;}
html , body {
	background:url(../img/background.jpg) repeat;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#000;
	line-height:1.5em;
	text-align:left;
	margin:0;
	padding:0;
}

/* start InfoCol */
.InfoCol {float:left; width:700px; padding:5px 7px; background-color:#f5f5f5;
-moz-box-shadow:  0 0 3px #ccc;
-webkit-box-shadow: 0 0 3px #ccc;
box-shadow: 0 0 3px #ccc;
border:1px solid #ccc;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-bottomleft:5px;
-webkit-border-radius-topleft: 5px;
-webkit-border-radius-topright:5px;
-webkit-border-radius-bottomright:5px;
-webkit-border-radius-bottomleft:5px;
behavior: url(/PIE.htc);
}
.InfoCol ul {list-style-type:none;}
.InfoCol li {float:left;}
.InfoCol h3 {color:#ac421b; border-bottom:1px dashed #ac421b; width:200px; font-size:14px; padding:5px 5px;}

/* start ConatctCol */
.ContactCol {float:right; width:290px; margin-right:5px; background:url(../img/contactBackground.jpg) no-repeat center; height:260px;
-moz-box-shadow:  0 0 3px #ccc;
-webkit-box-shadow: 0 0 3px #ccc;
box-shadow: 0 0 3px #ccc;
border:1px solid #ccc;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-bottomleft:5px;
-webkit-border-radius-topleft: 5px;
-webkit-border-radius-topright:5px;
-webkit-border-radius-bottomright:5px;
-webkit-border-radius-bottomleft:5px;
behavior: url(/PIE.htc);
}

Дивове "INfoCol" и "ContactCol" са без цвят , а съм им задал #f5f5f5; :idea:

Благодаря предварително за помощта !
Поздрави !
 
ако ползваш само background: #f5f5f5; пробвай дали ще се получи тъй като съм в дскл сега и не мога да направя тестове
 
Не не се получава ... То и на дива ContactCol не признава и картинката , която съм сложил за background... :roll:
 
Я направи следното от цсс-а копираш класа и го заменяш тук:
<div class="ContactCol">
Вкарвам цсс класа в търсенето на фирефокс и въобще не ми отразява ,че имаш такъв клас в хтмл-то :) Да не си написал някоя буква на български по погрешка :)
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе