[css,xhtm] menu - div linkiem

[dejw]

Witam, chcę zrobić menu z div'ów, które po najechaniu się zmieniają (opcja hover) i odnośniki do innych stron, ale mam taki problem, że kiedy umieszczę wszystko tak jak w przykładzie:

Kod:

<a href="index.html"><div id="przycisk1"></div></a>
<a href="index2.html"><div id="przycisk2"></div></a><a href="index3.html"><div id="przycisk1"></div></a>

to kiedy najadę kursorem na 1 przycisk to podświetla się zawsze ostatni, a nie ten co powinien, oraz do ustalonego ostatniego odnośnika mnie przenosi, a nie tego do którego powinno.

css:

Kod:

#przycisk1
{
            background: url("obrazki/buttons/przycisk1a.png") no-repeat;
            width: 127px;
            height: 50px;
            margin-left: 215px;
            margin-top: -10px;
        text-align: center;      
}

    
#przycisk1:hover
{
        background: url("obrazki/buttons/przycisk1b.png") no-repeat;    
}

#przycisk2
{
            background: url("obrazki/buttons/przycisk2a.png") no-repeat;
            width: 127px;
            height: 50px;
            margin-left: 352px;
            margin-top: -50px;
        text-align: center;      
}

#przycisk2:hover
{
        background: url("obrazki/buttons/przycisk2b.png") no-repeat;    
}

#przycisk3
{
            background: url("obrazki/buttons/przycisk3a.png") no-repeat;
            width: 127px;
            height: 50px;
            margin-left: 489px;
            margin-top: -50px;
            text-align: center;      
}

#przycisk3:hover
{
        background: url("obrazki/buttons/przycisk3b.png") no-repeat;    
}

Mam nadzieję, że jest to zrozumiałe, jeśli nie to dopowiem co będzie trzeba. Proszę o pomoc, gdyż jestem początkującym webmasterem.