Стиль для посещенного дива.

Здравствуйте коллеги!

Делаю сайт.

Для вывода объектов списком написал такую конструкцию:

            

      <div class="itemlistframe" <?php if($this->item->params->get('catItemFeaturedNotice') && $this->item->featured):?> style="background-color: #FFEBEB;"> <?php else:?> > <?php endif; ?>

       

                 <div class="itemlistinframe1">

           <div class="iverticalcell">

           <?php echo $this->item->id;?>

           </div>

      </div>

      

      <div class="itemlistinframe2">

      

      		<div class="iverticalcell">

            <?php echo $extrafields[19];?>

        	</div>

      </div>

      

      

      <div class="itemlistinframe3">

      <div class="iverticalcell">

      <a href="<?php echo $this->item->link; ?>">

                <?php echo $this->item->title; ?>

                

      </a>

      </div>

      </div>

      

      

      <div class="itemlistinframe4">

      <div class="iverticalcelltext">

       <a href="<?php echo $this->item->link; ?>">

                <?php echo $this->item->introtext; ?>

                

      </a>

    

      </div>

      </div>

      

   <!-- Цена -->   

      <div class="itemlistinframe5">

      <div class="iverticalcell">

      <strong>

      <?php if($extrafields[24]):      

      echo $extrafields[24];

      echo " ";

      echo $extrafields[85];

      else:?> <font style="color: gray; font-size: 10px;">уточняйте</font> 

      <?php

      endif;?> 

      

      

      </strong>

      </div>

      </div>

            

      <div class="itemlistinframe6">

      <div class="iverticalcell">

     

       <span class="catItemImage">

                                 <a href="<?php echo $this->item->link; ?>" title="<?php if(!empty($this->item->image_caption)) echo K2HelperUtilities::cleanHtml($this->item->image_caption); else echo K2HelperUtilities::cleanHtml($this->item->title); ?>">

               <img src="<?php if(!empty($this->item->image))  echo $this->item->image; else echo "images/nophotoo.png"; ?>" alt="<?php if(!empty($this->item->image_caption)) echo K2HelperUtilities::cleanHtml($this->item->image_caption); else echo K2HelperUtilities::cleanHtml($this->item->title); ?>" style="width:<?php echo $this->item->imageWidth; ?>px; height:auto;" />

                 </a>

                 </span>

		     

		          </div>

                  

                  </div>

           

          

      

      <div class="itemlistinframe7">

      <div class="iverticalcell">

           

    

    <?php if($this->item->params->get('catItemVideo') && !empty($this->item->video)): ?>

    

   <img src="images/abudabyvideo.png">

    

    <?php endif; ?>

              

    

      </div>

      </div>

Для этой конструкции, прописал такой css:

.itemlistframe  {border: #dedede dashed 1px; width:100%; overflow:hidden;}

.itemlistframefav {border: #dedede dashed 1px; width:100%; background-image: url(images/favoriteabu.png); background-repeat: no-repeat; background-position: left top; }

.itemlistframe:hover {background-color: #f0f0f0;} 

.itemlistframefav:hover {background-color: #f0f0f0;} 



.itemlistinframe1  {width: 5%; height: 94px; display: table; float: left; text-align: center; color:gray; color: black;}

.itemlistinframe2  {border-left: #dedede solid 1px; width:10%; height: 94px; display: table; float: left; text-align: center; color: black}

.itemlistinframe3  {border-left: #dedede solid 1px;  width:20%; height: 94px; display: table; float: left; text-align: center; color: black}

.itemlistinframe4  {border-left: #dedede solid 1px;  width:35%; height: 94px; display: table; float: left; text-align: justify; color: black}

.itemlistinframe5  {border-left: #dedede solid 1px;  width:10%; height: 94px; display: table; float: left; text-align: center; color: #D90036;}

.itemlistinframe6  {border-left: #dedede solid 1px;  width:14%; height: 94px; display: table; float: left; text-align: center; color: black }

.itemlistinframe7  {width:5%; height: 94px; border-left: #dedede solid 1px;  width:5%; display: table; float: left; text-align: center; color: black}



.iverticalcell {vertical-align:middle; display: table-cell; position: relative;}

.iverticalcelltext {vertical-align:middle; display: table-cell; padding-left: 7px;padding-right: 7px;}



.itemlistinframename1  {width: 5%; display: table; float: left; text-align: center; color:gray; font-size: 10px; }

.itemlistinframename2  {border-left: #dedede solid 1px;  width:10%; display: table; float: left; text-align: center; font-size: 10px;}

.itemlistinframename3  {border-left: #dedede solid 1px;  width:20%; display: table; float: left; text-align: center; font-size: 10px;}

.itemlistinframename4  {border-left: #dedede solid 1px;  width:35%; display: table; float: left; text-align: center; font-size: 10px;}

.itemlistinframename5  {border-left: #dedede solid 1px;  width:10%; display: table; float: left; text-align: center; font-size: 10px;}

.itemlistinframename6  {border-left: #dedede solid 1px;  width:14%; display: table; float: left; text-align: center; font-size: 10px;}

.itemlistinframename7  {width:5%; border-left: #dedede solid 1px;  width:5%; display: table; float: left; text-align: center; font-size: 10px;}

Вот так выглядит вывод объектов:

Как сделать так, чтобы div посещенного объекта, при возвращении к спискам объектов менял свой цвет? Это как свойство ссылки visited.

И второй вопрос: возможно ли сделать ссылкой не только текст в диве, а весь див (может прозрачной картинкой)?