Here is class .logo from the original skin
Code:
#header .line1 .logo {
position: absolute;
left: 20px;
top: 31px;
height: 50px;
width: 228px;
margin: 0;
padding: 0;
}
Code:
#header .line1 .logo a:link,
#header .line1 .logo a:visited,
#header .line1 .logo a:hover,
#header .line1 .logo a:active
{
display: block;
width: 228px;
height: 50px;
background: transparent url(../images/fashion_mosaic/company_logo.gif) no-repeat left top;
}
Code:
#header .line1 .logo img {
display: none;
}
(this one hides the xcart.gif)
Looking over your css, you did a lot of changes not ok. Try undo all your changes, you can replace with the original CSS file.
1) Upload the image file you modified in (../images/fashion_mosaic/company_logo.gif).
2) Change left: 20px; top: 31px; height: 50px; width: 228px; to the fist class in this post.
3) Change height and width to the class with anchors, the second class in this post.
Before editing the css file, steps 2 - 3 are OK to be done in Firebug (Firefox) or Dragonfly (Opera).