Dem�

• MEN� NEVE 1
• MEN� NEVE 2
• MEN� NEVE 3
• MEN� NEVE 4

K�dja:

<ul class="menu2">

<li>

<a href="URL C�M HELYE"><span>MEN� NEVE 1</span></a></li>

<li>

<a href="URL C�M HELYE"><span>MEN� NEVE 2</span></a></li>

<li>

<a href="URL C�M HELYE"><span>MEN� NEVE 3</span></a></li>

<li>

<a href="URL C�M HELYE"><span>MEN� NEVE 4</span></a></li>

</ul>

 

<style type="text/css">

ul.menu2{

margin: 0;

padding: 0;

list-style: none;

}

 

ul.menu2 li{

width: 150px; /*men� sz�less�ge*/

clear:left; 

overflow: hidden;

}

 

ul.menu2 li span{

display: block;

float: left; 

min-width: 0px; 

margin-bottom: 5px;

padding: 8px;

color: #5d5d5d;

}

 

ul.menu2 li:hover span{

color: #fff;

background: #ce3e3e;

border-left: 8px solid darkred;

min-width: 450px; 

-webkit-box-shadow: 0 0 5px gray;

-moz-box-shadow: 0 0 5px gray;

box-shadow: 0 0 5px gray;

-webkit-transition: all 0.3s ease-out;

-moz-transition: all 0.3s ease-out;

-o-transition: all 0.3s ease-out;

transition: all 0.3s ease-out;

}</style>