[HTML][CSS]Layout - cięcie Opcje

[kamil_lk]

Witam.
Mam pewien problem. Stworzyłem sobie layout w photoshopie. pociąłem sobie logo, zacząłem składać na divach za pomocą css, ale niezbyt mi to wychodzi.
Mógłby mi ktoś pociąć samo logo tak aby napisy były linkami, a napis MUAY THAI odprowadzał do strony głównej?
Poniżej zamieszczam całego laya, proszę jedynie o logo, aby było wykonane na divach z CSS.

(IMG:http://www.lubycza.yoyo.pl/mma_szablon.jpg)

[kamil_lk]

index.html

[HTML] pobierz, plaintext 
<div id="top">
    <div id="ODSTEP1"><img src="grafika/odstep1.jpg" width="9" height="16" border="0" /></div>
    <div id="GLOWNA"><img src="grafika/glowna.jpg" alt="główna" width="41" height="16" border="0" /></div>
    <div id="ODSTEP2"><img src="grafika/odstep.jpg" width="8" height="16" border="0" /></div>
    <div id="FORUM"><img src="grafika/forum.jpg" alt="forum" width="35" height="16" border="0" /></div>
    <div id="ODSTEP3"><img src="grafika/odstep3.jpg" width="9" height="16" border="0" /></div>
    <div id="FAQ"><img src="grafika/faq.jpg" alt="faq" width="20" height="16" border="0" /></div>
    <div id="ODSTEP4"><img src="grafika/odstep.jpg" width="8" height="16" border="0" /></div>
    <div id="KONTAKT"><img src="grafika/kontakt.jpg" alt="kontakt" width="47" height="16" border="0" /></div>
    <div id="ODSTEP5"><img src="grafika/odstep2.jpg" width="818" height="16" border="0" /></div>
        <div id="ODSTEP6"><img src="grafika/1.jpg" width="84" height="164" border="0" /></div>
    <div id="MUAYTHAI"><img src="grafika/muaythai.jpg" width="451" height="164" border="0" /></div>
    <div id="KLATKA"><img src="grafika/klatka.jpg" width="460" height="164" border="0" /></div>
</div>
[HTML] pobierz, plaintext 

style.css

[HTML] pobierz, plaintext 
body {
    background-color: #000000;
    color: #000;
    margin-left: 50;
    padding: 0;
}
 
#ODSTEP1, #ODSTEP2, #ODSTEP3, #ODSTEP4, #GLOWNA, #FORUM, #FAQ, #KONTAKT {
    float: left;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
 
 
#ODSTEP6, #MUAYTHAI, #KLATKA {
    float: left;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
[HTML] pobierz, plaintext