Hi everyone, hope everyones well.

I am desigining and coding an advanced myspace (the link to the space is: www.myspace.com/3face) and have ran into a problem, basically, The navbar on the page is set up using strategically placed divs for each button (i was trying to use tables but to hide the rest of the myspace content which I didnt want, the code used hide my table as well, so i couldn't use tables for it)

So i am using DIV's for it now the problem I have is that some of the divs and parts of some of the divs arent clickable. I would change the z-index of them and it would fix it for that particular div but then would mess up on others, right now the divs which aren't/partially clickable are:

  • Film
  • Mail
  • Favourites
  • Myspace TV


the code for the navbar links is as follows:

<div class="Home-navbar"> <div style="position: absolute; width:168px; left:153px; z-index:2; overflow auto; top: 1892px; height:42px; visibility: visible; background-color:transparent;"> <A href=http://home.myspace.com/index.cfm?fuseaction=user> <img src="http://i25.photobucket.com/albums/c99/3face/Home-navbar.jpg" style="border-style: none"/> </div>

<div class="Browse-navbar"> <div style="position: absolute; width:168px; left:227px; z-index:2; overflow auto; top: 1894px; height:42px; visibility: visible; background-color:transparent;"> <A href="http://browseusers.myspace.com/Browse/Browse.aspx?z=1"> <img src="http://i25.photobucket.com/albums/c99/3face/Browse-navbar.jpg" style="border-style: none"/> </div>

<div class="search-navbar"> <div style="position: absolute; width:168px; left:319px; z-index:2; overflow auto; top: 1895px; height:42px; visibility: visible; background-color:transparent;"> <A href="http://search.myspace.com/index.cfm?fuseaction=find"> <img src="http://i25.photobucket.com/albums/c99/3face/search-navbar.jpg" style="border-style: none"/> </div>

<div class="favourites-navbar"> <div style="position: absolute; width:168px; left:676px; z-index:2; overflow auto; top: 1893px; height:42px; visibility: visible; background-color:transparent;"> <A href="http://favorites.myspace.com/index.cfm?fuseaction=user.favorites"> <img src="http://i25.photobucket.com/albums/c99/3face/Favourites-navbar.jpg" style="border-style: none"/> </div>

<div class="film-navbar"> <div style="position: absolute; width:168px; left:471px; z-index:2; overflow auto; top: 1891px; height:42px; visibility: visible; background-color:transparent;"> <A href="http://film.myspace.com/"> <img src="http://i25.photobucket.com/albums/c99/3face/Film-Navbar2.jpg" style="border-style: none"/> </div>

<div class="mail-navbar"> <div style="position: absolute; width:168px; left:538px; z-index:2; overflow auto; top: 1894px; height:42px; visibility: visible; background-color:transparent;"> <A href="http://messaging.myspace.com/index.cfm?fuseaction=mail.inbox"> <img src="http://i25.photobucket.com/albums/c99/3face/Mail-navbar.jpg" style="border-style: none"/> </div>

<div class="blog-navbar"> <div style="position: absolute; width:168px; left:600px; z-index:2; overflow auto; top: 1893px; height:42px; visibility: visible; background-color:transparent;"> <A href="http://blog.myspace.com/index.cfm?fuseaction=blog.controlcenter"> <img src="http://i25.photobucket.com/albums/c99/3face/Blogs-navbar.jpg" style="border-style: none"/> </div>

<div class="groups-navbar"> <div style="position: absolute; width:168px; left:217px; z-index:2; overflow auto; top: 1919px; height:42px; visibility: visible; background-color:transparent;"> <A href="http://groups.myspace.com/"> <img src="http://i25.photobucket.com/albums/c99/3face/Groups-navbar.jpg"style="border-style: none"/> </div>

<div class="invite-navbar"> <div style="position: absolute; width:168px; left:403px; z-index:2; overflow auto; top: 1894px; height:42px; visibility: visible; background-color:transparent;"> <A href="http://invites.myspace.com/index.cfm?fuseaction=invite"> <img src="http://i25.photobucket.com/albums/c99/3face/invite-navbar.jpg" style="border-style: none"/> </div>

<div class="myspacetv-navbar"> <div style="position: absolute; left:401px; z-index:2; overflow auto; top: 1919px; visibility: visible; background-color:transparent;"> <A href="http://vids.myspace.com/"> <img src="http://i25.photobucket.com/albums/c99/3face/MyspaceTV-navbar.jpg" style="border-style: none"/> </div>

<div class="music-navbar"> <div style="position: absolute; width:168px; left:530px; z-index:2; overflow auto; top: 1920px; height:42px; visibility: visible; background-color:transparent;"> <A href="http://music.myspace.com/"> <img src="http://i25.photobucket.com/albums/c99/3face/Music-navbar.jpg" style="border-style: none"/> </div>

<div class="comedy-navbar"> <div style="position: absolute; width:168px; left:615px; z-index:2; overflow auto; top: 1920px; height:42px; visibility: visible; background-color:transparent;"> <A href="http://comedy.myspace.com/"> <img src="http://i25.photobucket.com/albums/c99/3face/Comedy-navbar.jpg" style="border-style: none"/> </div>

<div class="classified-navbar"> <div style="position: absolute; width:168px; left:710px; z-index:2; overflow auto; top: 1920px; height:42px; visibility: visible; background-color:transparent;"> <A href="http://classifieds.myspace.com/"> <img src="http://i25.photobucket.com/albums/c99/3face/Classified-navbar.jpg" style="border-style: none"/> </div>

<div class="forum-navbar"> <div style="position: absolute; width:168px; left:788px; z-index:2; overflow auto; top: 1894px; height:42px; visibility: visible; background-color:transparent;"> <A href="http://forum.myspace.com/"> <img src="http://i25.photobucket.com/albums/c99/3face/Forum-navbar.jpg" style="border-style: none"/> </div>

<div class="events-navbar"> <div style="position: absolute; width:168px; left:315px; z-index:2; overflow auto; top: 1918px; height:42px; visibility: visible; background-color:transparent;"> <A href="http://events.myspace.com/"> <img src="http://i25.photobucket.com/albums/c99/3face/Events-navbar.jpg" style="border-style: none"/> </div>


If someone can help me and explain why it happens like this (im gonna be doing a computer science degree next year so I want as much knowledge as poss.) I would really appreciate it!

Thanks