Отображение названия сайта - Вопросы по CSS

<div class="logo">
 <h1 id="name-text" class="logo-name">
 <a href="<?php echo $this->baseurl ?>/"><?php echo $mainframe->getCfg('sitename') ;?></a></h1>
</div>

/* begin Logo */
.logo
{
	display : block;
	position: absolute;
	left: 319px;
	top: 37px;
	width: 567px;
}

h1.logo-name
{
	display: block;
	text-align: left;
}

h1.logo-name, h1.logo-name a, h1.logo-name a:link, h1.logo-name a:visited, h1.logo-name a:hover
{
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 32px;
	text-decoration: none;
	padding:0;
	margin:0;
	color: #2E6D9E !important;
}

/* end Logo */

<div class="logo">
 <h1 id="name-text" class="logo-name">
 <a href="<?php echo $this->baseurl ?>/">
 <jdoc:include type="modules" name="icon" style="none" />
</a></h1>
</div>

<div class="logo">
    <h1 id="name-text" class="logo-name">
        <a href="<?php echo $this->baseurl ?>/"><?php echo $mainframe->getCfg('sitename') ;?></a>
    </h1>
</div>

.logo{
	width:196px;               /*Выставляем ширину блока в ширину изображения, которое будет фоном*/
}
.logo a{
	display: block;            /* Преобразуем элемент в блочный, чтобы была возможность задавать ему высоту и отступы */
	height: 92px;              /* Выставляем высоту в размер нужного изображения, что будет фоном */
	font-size:0;               /* Уменьшаем размер шрифта в 0, чтобы текста не было видно */
	background:url(http://joomlaportal.ru/templates/jp/images/logo.gif);          /*Назначаем фоновое изображение*/
}