Текст в 2 колонки

Доброго времени суток!
Помогите плиз с выпадающим меню...



не могу сделать, чтобы каждая ссылка была на новой строчке.. и выравнивание по центру

Код (Text):

1. #navBar1
2. {
3. float:left;
4. border:solid 2px #849c92;
5. border-radius:13px;
6. -moz-border-radius:13px;
7. -webkit-border-radius:13px;
8. background:-moz-linear-gradient(bottom,#596a63, #829a90);
9. background:-webkit-gradient(linear,left bottom, ctop, from(#596a63), to(#829a90));
10. -moz-box-shadow: 2px 5px 7px #161617;
11. box-shadow: 2px 5px 7px #161617;
12. }
13. #navBar1 ul ul
14. {
15. display:none;
16. }
17.  
18. #navBar1 ul
19. {
20. padding:5px;
21. margin:0;
22. list-style:none;
23. position:absolute;
24. }
25.  
26. #navBar1 ul li
27. {
28. display:block;
29. float:left;
30. padding-top:9px;
31. padding-bottom:9px;
32. }
33. #navBar1 ul li span a
34. {
35. border-left:solid #8cab9e thin;
36. }
37.  
38. .headerList1 a
39. {
40. border-right:solid #505e58 thin;
41. }
42. #navBar1 ul li a{
43. display:block;
44. padding:4px;
45. padding-left:13px;
46. padding-right:13px;
47. color:#ffffff;
48. text-decoration:none;
49. font-family:Tahoma, Geneva, sans-serif;
50. font-size:100%;
51. }
52.  
53. #navBar1 ul li a:hover
54. {
55. color:#ffffff;
56. text-decoration:underline;
57. }
58.  
59. #navBar1 ul ul
60. {
61. position:absolute;
62. top:42px;
63. background:#71a4d2;
64. width:170px;
65. border:thin solid #000201;
66. margin:0;
67. padding:0;
68. font:12px Verdana, Arial, Helvetica, sans-serif;
69. display:none;
70. }
71.  
72. #navBar1 ul li:hover ul
73. {
74. position:absolute;
75. left:absolute;
76. display:block;
77. }
78.  
79. #navBar1 ul ul li{
80. padding:0;
81. padding-top:1px;
82. padding-bottom:1px;
83. }
84. #navBar1 ul ul li a
85. {
86. border:none;
87. color:white;
88. }

Заранее большое спасибо за помощь

 

Код (Text):

1.         <div id="navBar1">
2.             <ul>
3.                 <li class="headerList1"><a href="#"> МЕНЮ1</a>
4.                     <ul>
5.                         <li> <a href="#" target="_self">ПОДМЕЮ1</a> </li>
6.                         <li> <a href="#"> ПОДМЕЮ2 </a></li>
7.                         <li> <a href="#"> ПОДМЕЮ3 </a></li>
8.                         <li> <a href="#"> ПОДМЕЮ4 </a></li>
9.                         <li> <a href="/turizm/"> ПОДМЕЮ5</a></li>
10.                         <li> <a href="#"> ПОДМЕЮ6</a></li>
11.                     </ul>
12.                 </li>
13.                                                      </div>

 

дак мне надо что - бы они были в 1 столбик все типо вот так

ПОДМЕНЮ1
ПОДМЕНЮ2
ПОДМЕНЮ3
ПОДМЕНЮ4

Добавлено спустя 5 минут 39 секунд:

если так сделать, то верхняя часть меню вся сбивается
т.е. становится в столбик

МЕНЮ1
МЕНЮ2
МЕНЮ3

 

решение сокола не помогло!

 

а вот так заработало ))
всем спасибо

Код (Text):

1. #navBar1 ul li ul li
2. {
3.  float: none;
4.  text-align:center;
5. }

Добавлено спустя 17 минут 42 секунды:
еще одина проблемка, совсем забыл про неё ))

мыш наведена на CSS


подменю которое выпадает начинается от левого края Меню и по своей ширине в право, как сделать ориентирование по середине ?

типо вот так:

 

таким способом и нашел свое ))