<div id="support">

<div id="supporting">

<div id="supp">

<a href="http://p30-web.com/">پی سی وب</a>

<a href="http://p30-web.com/">پی سی وب</a>

<a href="http://p30-web.com/">پی سی وب</a>

<a href="http://p30-web.com/">پی سی وب</a>

</div>

</div>

</div>

#support{

position:fixed;

top:190px;

right:0;

width:200px;

height:126px}

#supporting{

background:url(http://p30-web.com/images/supp.png) no-repeat left;

width:35px;

height:126px;

float:right}

#supp{

float:right;

display:none;

background:#eaeaea;

border:1px solid #bfbfbf;

border-left:none;

width:165px;

height:123px}

#supporting:hover #supp{

display:block;

margin-right:-166px}

#supporting:hover{

padding-right:165px}

#supp a{

display:block;

width:140px;

direction:rtl;

text-align:right;

height:13px;

background:#e3e3e3;

font:bold 11px tahoma;

padding:4px 8px 8px 8px;

text-shadow:1px 1px 0px rgba(256,256,256,0.3);

margin:5px;

color:#666}

#supp a:hover{

background:#2ea1c0;

text-shadow:1px 1px 0px rgba(0,0,0,0.2);

color:#fff}

#supp a img{

float:left}