Sol menü [ ie sorunu ]

bügün bi css tasarim dökmeye çaliştim herşey güzel gidiyodu gayete güzel dökmeye devam ettim 0 html hatasi ile.
tasarımı FF'e göre yapıyorum chrome'de sorunsuz bide ie den bakiyim dedim sağ doğru kaymişti hepsi. sebepte bulamadim hepsini silip bire bir denememe rağmen

style.css
menü

.sol {
float:left;
width:228px;
height:auto;
background:url(images/kategoriler.gif) no-repeat;
}

.menu1 {
float:left;
width:228px;
height:410px;
padding-top:25px;
margin-bottom:5px;
border:1px solid #e0e0e0;
background:url(images/kategoriler.gif) #FFFFFF no-repeat;
}
.menu1 ul  {
list-style-type : none;
float:left;
padding-left:10px;
}
.menu1 ul li a  {
float:left;
font-size:14px; 
font:bold;
text-decoration: inherit;
padding:2px;
border-bottom:1px dotted #999999;
width:210px;
}

index.html
menü

<div class="sol">
             	<div class="menu1">
              <ul>
                <li><a href="#">asdasdasd</a> </li>
                <li><a href="#">asdasd</a></li>
                <li><a href="#">asdas</a></li>
                <li><a href="#">dasd</a></li>
              </ul>
            	  </div>
                  
                  	<div class="menu2">
              <ul>
                <li><a href="#">asdasdasd</a> </li>
                <li><a href="#">asdasd</a></li>
                <li><a href="#">asdas</a></li>
                <li><a href="#">dasd</a></li>
              </ul>
              <p>&nbsp;            </p>
            	  </div>

nerde yanlışım var.

tarayıcılarda default değerler farklıdır. yani belirtilmeyen değerlerde farklı algılarlar. (misal marginler falan...)
css sıfırlama şablonu kullanabilirsin mesela.
veya onun yerine bütün sayfa için bi div oluşturup diğer bütün css kodlarını (ve dolayısıyla divleri de) bu div içinde ayarlaman daha rahat olur.

#anasayfa {
......
.....
}

<div id="anasayfa">
<div class="sol">
........
........
........
</div>
</div>

onuda yaptim siteyi
ana şablon olarak aldım bir
o ana şablonuda 4'e böldüm
.header
.sol
.orta
.footer
diye bunuda google chrome ile divleri ve kalipari kontrol ettim her hangi bi sorun yok.
sonrada diyer divleri bu bölümler içinde bölüştürdüm.
anlamadiğim sorun. şu.

Sanırım senin internet explorer 7 felan bende 8 sürümü var hata vermiyor.

Bir de aşağıdaki stilleri kullanırmısın bende hata vermediği için düzeldimi düzelmedimi bilmiyorum kontrol etde ona göre bakalım.

.sol {
float:left;
width:228px;
height:auto;
background:url(images/kategoriler.gif) no-repeat;}

.menu1 {
width:228px;
height:410px;
padding-top:25px;
margin-bottom:5px;
border:1px solid #e0e0e0;
background:url(images/kategoriler.gif) #FFFFFF no-repeat;}

.menu1 ul  {
list-style-type:none;
padding-left:10px;}

.menu1 a {
display:block;
font-size:14px; 
font:bold;
text-decoration: inherit;
padding:2px;
border-bottom:1px dotted #999999;}

teşekür ederim bu sorunu çözdüm yeni bi css dosyasi açtim IE7'ye o şekilde okutum. sorun çözüldü senin verdiğin kodlarida denedim ayni hatayi verdi
neyse orayi geçtim bu kez üst menüde. sorunum var.
ie de üste.
ff'de allta duruyo
ikisinin ortasina getiriremedim.
bilmemek çok zor oluyomuş onu öğrendim :/

Zamanla alışırsın

hele şunu yazana bak Kooooçuuuuuumm