#sddm
{    margin: 0;
    padding: 0;
    z-index: 30}

#sddm li
{    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    font: bold 23px CrashC}

#sddm li a
{    display: block;
    margin: 0 1px 0 0;
    padding: 4px 10px;
    width: 60px;
    background: #000000;
    color: #CC0000;
    text-align: center;
    text-decoration: none}

#sddm li a:hover
{    background: #fff}

#sddm div
{    position: absolute;
    visibility: hidden;
    margin: 0;
    padding: 0;
    background: #EAEBD8;
    border: 1px solid #5970B2}

    #sddm div a
    {    position: relative;
        display: block;
        margin: 0;
        padding: 5px 10px;
        width: auto;
        white-space: nowrap;
        text-align: left;
        text-decoration: none;
        background: #EAEBD8;
        color: #2875DE;
        font: 11px arial}

    #sddm div a:hover
    {    background: #49A3FF;
        color: #FFF}

<center>
<ul id="sddm">
  <li><a href="home.htm" onmouseout="mclosetime()"  style="width: 132px"><img src="graphic/news.jpg"></a>
        <div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
        </div>
    </li>
    <li><a href="concerts.htm" onmouseout="mclosetime()" style="width: 150px" TARGET="frame1"><img src="graphic/concerts.jpg"></a>
        <div id="m2" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
        </div>
    </li>
    <li><a href="band.htm" onmouseover="mopen('m3')" onmouseout="mclosetime()" style="width: 132px" TARGET="frame1"><img src="graphic/band.jpg"></a>
        <div id="m3" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
        <a href="amiran.htm" TARGET="frame1">Vocal: Amiran Tovstokorov</a>
                <a href="anton.htm" TARGET="frame1">Guitar: Anton Bogomolov</a>
        <a href="yurii.htm" TARGET="frame1">Guitar: Yuri Isaakov</a>
        <a href="michail.htm" TARGET="frame1">Bass: Michail Goncharenko</a>
        <a href="leonid.htm" TARGET="frame1">Drums: Leonid Udalov</a>
        


        </div>
    </li>
<li><a href="discography.htm" onmouseout="mclosetime()" style="width: 200px" TARGET="frame1"><img src="graphic/discography.jpg"></a>
        <div id="m5" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
        </div>
    </li>
    <li><a href="gallery.htm" onmouseover="mopen('m4')" onmouseout="mclosetime()" style="width: 132px" TARGET="frame1"><img src="graphic/gallery.jpg"></a>
        <div id="m4" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
        <a href="photo.htm" TARGET="frame1">Photo</a>
        <a href="video.htm" TARGET="frame1">Video</a>
        </div>
    </li>
    <li><a href="#" onmouseout="mclosetime()" style="width: 132px"><img src="graphic/forum.jpg"></a>
        <div id="m5" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
        </div>
    </li>
<li><a href="contacts.htm" onmouseout="mclosetime()" style="width: 150px" TARGET="frame1"><img src="graphic/contacts.jpg"></a>
        
    
    </li>
</ul>
</center>