Hocam normalde yükseklik değeri vermeden margin:bottom çalışır ancak css kodlarında muhtemelen üstlerde bir yerde doğru yazılmamış bir alan var. Yanlıştan kastım şu. Css kodlarını onlarca farklı şekilde yazabilirsin ve kodlar çalışır. Sen dışarıdan bakarak bu hatayı göremezsin. Ama böyle aşağıdaki yaptığın işlemlerde önüne çıkar. Hangi kod hatalı veya optimizasyonu yapılmamış diye sorarsan onu v3c validator'dan taratarak bulabilirsin. Çalışmasının sebebine gelince chrome'da öğeyi denetle dersen berk div'inin boyutunu 0 gösteriyor. bottom ile 20px verdiğinde bile içerideki 90 pixellik resim alanının dışına etki edemiyor. Bundan dolayı boyutunu 90'a ayarlayıp bottom ile 20 fark verip divin üstü ile alttaki alan arasında 110px'lik bir alan oluşturmuş olduk. Yazı biraz karmaşık kusura bakma pek incelemeden böyle karmaşık birşeyler yazdım.

Diğer soruna gelince #sol {float:left; width:likeboxun genişliği -2px; height:88px; border 1 px solid #000;} şeklinde css kodlarını girersen çerçeve içine almış olursun. -2px ve 88px yazma sebebim ise border'a verdiğimiz 1pxlik genişliğin alt ve üstten toplamda 2px'lik alan kaplaması. TOplamda yine 90px'e tamamlıyor.