wp_list_pages problem with sub sub menu

Hi all.

I got small problem with my menu in header. I working on it few days and I still cannot do it good. Please help me what I need to change and how? Im newbie in php coding ??

DEMO: https://www.phatt.nazwa.pl/phatt_beta/

Check, this is tree:

MENU

PAGE 1
– SUB PAGE1
— SUB PAGE of SUB PAGE1
— SUB PAGE of SUB PAGE1
– SUB PAGE2
— SUB PAGE of SUB PAGE1
— SUB PAGE of SUB PAGE1
– SUB PAGE3
PAGE 2
PAGE 3

How I can do it good? Because now my top menu in header showing ONLY depth 2, without SUB of SUBs..

Here is part of header.php:

<div id="navbar" class="clearfloat">

<ul id="page-bar" class="left clearfloat">
<li><a href="<?php echo get_option('home'); ?>/">Home</a></li>

<?php wp_list_pages('sort_column=menu_order&amp;depth=2&amp;title_li='); ?>
</div>

And here is part of css of this theme what I think is for this menu:

/* Navigation Bar*/
#navbar {
    margin:0 auto;
    padding:0px 10px 0px 10px;
    text-transform:uppercase;
    background:#333333 url(images/navbar.png);
    width:920px;
    font-size:0.6em;
    border-left:5px solid #fff;
    border-right:5px solid #fff;
    }

#page-bar {
    padding:0px;
    }

#page-bar ul {
    list-style: none;
    }

#page-bar li {
    float:left;
    list-style:none;
    cursor: pointer;
    display:block;
    border-right:1px solid #303030;
    }

#page-bar li:hover {
    background: #5b5b5b;
    }

#page-bar a, #page-bar a:visited {
    margin: 0px;
    padding:7px 14px;
    font-weight:bold;
    color:#eeeeee;
    display:block;
    }

#page-bar a:hover {
    text-decoration:none;
    display:block;
    }

#page-bar p {
    margin:0;
    padding:0;
    }

#searchform {
    width:184px;
    float:right;
    text-align:right;
    padding-top:3px;
    margin-right:10px;
    }

/* Dropdown Menus */
#page-bar li {
    float: left;
    margin: 0px;
    padding: 0px;
    }

#page-bar li li {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 132px;
    text-transform:none;
    }

#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited {
    width: 122px;
    float: none;
    margin: 0px;
    padding: 4px 10px 4px 10px;
    background: #5b5b5b url(images/dots_nav.gif) repeat-x top;
    }

#page-bar li li a:hover, #page-bar li li a:active {
    background: #909090;
    padding: 4px 10px 4px 10px;
    }

#page-bar li ul {
    position: absolute;
    width: 10em;
    left: -999em;
    }

#page-bar li:hover ul {
    left: auto;
    display: block;
    }

#page-bar li:hover ul, #page-bar li.sfhover ul {
    left: auto;