Vertikální hover menu

Měl bych dotaz také a to jaké by jste dali menu na tyto stránky. Přemýšlím o Hover menu 1 které je výše a nebo menu2 či menu3
Nevím asi by nebylo špatný to první kdyby se ta nabídka doplnila o nějakou výšku. Jen nevim jak pak v tom boxu vycentrovat to na střed té výšky. A taky je otázky když bych zvětšil šířku menu na 100%, kterých mi ohraničuje layout, tak abych i tu část rozevírajícího menu měl stejnou, jako má ta šířka základního sloupce.
Dik moc za názor a radu

„kdyby se ta nabídka doplnila o nějakou výšku“
Pokud chceš jen zvětšit výšku, tak přidej pro ul#hlavniMenu a padding, třeba takto:
padding: 20px 0;

Pokud chceš pevnou výšku, tak ji pro ul#hlavniMenu a deklaruj a deklaruj také line-height o stejné hodnotě, to je takový malý trik.

body
{
background-color:#dddddd;
}

ul#hlavniMenu
{
width:100%;
background-color:white;
}

ul#hlavniMenu, ul
{
padding:0;
margin:0;
list-style-type:none;
}

ul#hlavniMenu ul
{
position:absolute;
top:0;
left:100%;
visibility:hidden;
background-color:white;
}

ul#hlavniMenu li
{
position:relative;
width:100%;
height: 50px;
}

ul#hlavniMenu a
{
color:black;
display:block;
font:12px arial,sans-serif;
text-align: center;
text-decoration:none;
display:block;
width:152px;
height: 50px;
}

ul#hlavniMenu a:hover, ul#hlavniMenu li:hover a, ul#hlavniMenu li.hover a
{
background-color:black;
color:white;
}

ul#hlavniMenu li:hover ul a, ul#hlavniMenu li.hover ul a
{
background-color:white;
color:black;
}

ul#hlavniMenu li:hover ul a:hover, ul#hlavniMenu li.hover ul a:hover
{
background-color:black;
color:white;
}

ul#hlavniMenu li:hover ul, ul#hlavniMenu li.hover ul
{
visibility:visible;
}

ul#hlavniMenu li li
{
border:none;
padding:0;
background-color:white;
}

ul#hlavniMenu li
{
behavior: url(hover.htc);
}
Zvětšení jsem udělal, ale otázka pak jak ještě ten text vycentrovat na střed jak šířku, tak výšku. Ale třebas by nebylo špatný dát jiný menu nevim. Nechám si poradit. Pevnou šířku ne, ale šířka základního sloupce se mění se šířkou definovanou layoutem, ale ta podnabídka už by jí musela mít pevně nadefinovanou, což by nemusel být už tak pěkný.

ul#hlavniMenu a
{
color:black;
display:block;
font:12px arial,sans-serif;
text-align: center;
text-decoration:none;
display:block;
width:152px;
padding: 20px 0;
}

Nebo:

ul#hlavniMenu a
{
color:black;
display:block;
font:12px arial,sans-serif;
text-align: center;
text-decoration:none;
display:block;
width:152px;
height: 50px;
line-height: 50px; /* tolik, co height */
}

Tak asi lépe použiju to menu 3, jelikož to menu 2 mi hází šedou všude možně i když je to ve vlastním divu zavřený.

Tady je to [url=file:///C:/Documents%20and%20Settings/Miky/Plocha/Pokus/kontakt.h tml]vidět[/url].

Sry mělo tam bejt toto

Sry mělo tam být toto

Viz tady

Prosím moderátory o promazání, nějak mi to blblo :(

Jak udělat tady, abych měl vpravo takhle ten černej rám ale z levý strany by mohl bejt kolem text, kterej by ho tam vlevo obtékal. DIk moc za radu