vb.org Archive - anyone help with this menu please (CSS)

Hi,

I have copied this menu system from a site and I am trying to get it to work on my forum, but the position is completely off and was wondering if someone could me out please?
I am a complete n00b and was hoping someone could help me get this to look like it does in the image I mocked up on photoshop ?
You can see how it looks at the minute here:

http://www.bcguild.eu

here is the CSS that I have used!

Code:

/* Positioning */

#nav {

position: absolute;top: 24px;center: 3px;margin: 0;}

#nav ul {margin: 0;padding: 0;}

#nav li {margin: 0;padding: 0;float: left;}

#nav li a {float: left;display: block;}

#nav li a:hover, #nav li a#active, #nav li:hover a, #nav li.iehover a {margin-bottom: 0px;}



#nav li ul {margin: 0;padding: 0;position: absolute;bottom: -23px;left: -8px;list-style: none;display: none;}

#nav li#current ul{display: block;z-index: 50;}

#nav li:hover ul, #nav li.iehover ul{display: block;z-index: 60;}

/* @end */

/* common styling */

#nav ul {list-style: none;text-transform: uppercase;}

    #nav ul li {font: normal 12px Arial, Helvetica, sans-serif;}

        #nav ul li a {padding: 5px 23px 5px 22px;color: #FFF;text-decoration: none;border-top: 1px solid #4C7CC3;border-bottom: 1px solid #CCC;background: #039 url(../images/nav-bg.png) top right no-repeat;font-weight: bold;letter-spacing:0.45px;}

        #nav ul li a:hover,

        #nav ul li a#active,

        #nav ul li:hover a,

        #nav ul li.iehover a {border-top: 1px solid #CB4B4B;border-bottom: 1px solid #A31915;margin-bottom: 0px;background: #A31915 url(../images/nav-current-bg.png) top right no-repeat;}

        #nav ul li a.last {background: #039 url(../images/nav-last-bg.png) top right no-repeat;}

        #nav ul li a.last:hover,

        #nav ul li:hover a.last,

        #nav ul li.iehover a.last {border-top: 1px solid #CB4B4B;border-bottom: 1px solid #A31915;margin-bottom: 0px;background: #A31915 url(../images/nav-last-hover.png) top right no-repeat;}

            #nav ul li ul {width: 715px;text-transform: none;background-color: transparent;}

                #nav ul li ul li a {padding: 6px 8px 5px 8px;text-decoration: none;border: none;background: url(../images/subnav-bg.png) transparent 100% 50% no-repeat;font-weight: bold;font-size: 90%;}

                #nav ul li ul{height: 22px;border-bottom: 1px #CCC solid;}

                #nav ul li#current ul{background: #A31915;}

                #nav ul li:hover ul,

                #nav ul li.iehover ul{display: block;z-index: 60;background: #A31915;}

                    #nav ul li:hover ul li a,

                    #nav ul li.iehover ul li a,

                    #nav ul li#current ul li a {padding: 5px 8px 5px 8px;text-decoration: none;border: none;background: url(../images/subnav-bg.png) transparent 100% 50% no-repeat;font-weight: bold;font-size: 90%;}

                    #nav ul li ul li a:hover,

                    #nav ul li.iehover ul li a:hover {border: none;color: #FF9;background: url(../images/subnav-bg.png) transparent 100% 50% no-repeat;}

                    #nav ul li ul li.last a,

                    #nav ul li ul li.last a:hover,

                    #nav ul li#current ul li.last a,

                    #nav ul li.iehover ul li.last a:hover {background: none;}

/* @end */

Thanks
Danny

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01014 seconds Memory Usage 1,721KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)bbcode_code_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (1)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: