İçerdeki resmi html/css de nasıl yapabilirim >>>

Merhaba resmi html/css yaptım fakat mantıklı bir yol değil bunu en mantıklı kodlaması nasıl olur ? benim yaptığım kodlama

<-------------------CSS---------------------->

.sonyorumbaslik{background-color:#f2f2f2; width: 240px; height: 25px; margin : 5px 0 0 0 ;  border:1px solid #cecece; font:12px Arial; color:#909090; }
      .sonyorumimg{float:left; background: url(../images/yorumlogo.png); width: 50px; height: 50px; margin: 5px 0 0 5px; border:1px solid #ddd ; }
      .sonyorumalan{float:left;background-color:#efefef; width: 180px ; height: 75px}

<-------------------HTML---------------------->

div class="sonyorumbaslik">kONU BAŞLIK
					<!--RESİM--><div class="sonyorumimg"></div>
				</div>
				<!--YORUM ALANAI--><div class="sonyorumalan"></div>

nasıl bir görünüm istiyorsunuz çizin hemen dökeyim buraya. Css köpeeeniz olsun efem

Hocam css ten anlıyorsunuz sanırım. benim bir sorunum var. wp için editlediğim bir tema var chrome'a göre editledim herşey bitti birde firefox ve ie ile bir girip siteye baktımki berbat bir görüntü site kaymış yamuk yumuk. firefox ve ie içinde uyumlu hale gelmesi için en kısa yöntemle nasıl yapabilirim. yardımcı olursanız çok minnettar kalırım.

Position veya float kodlarındandır hocam siz çizin buraya dökelim sorunsuz siz entegre edin.

hocam hazır bir tema üzerinde editleme yaptım sadece. yani kendim çizip css e dökmedim editlediğim yerlerse hep bozulmuş farklı tarayıcılarda. pm ile size site ve tema bilgilerini göndersem inceleyemezmisiniz?

inceleyebilirim gönderin.

@playturks teşekkürler