Ciao.
Ho questo layout:
Codice PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
/*   COMMONS   */
*{
    margin:0px;
    padding:0px
}
body{ 
    text-align:center;
    font-size:100%; 
}
a:link, a:visited,a:hover,a:active{ 
    text-decoration: none; 
}
ul{
    list-style-type:none;
}
/*   MAIN   */
#header { 
    background-color:#FFFFFF;
}
#header h1 {  
    margin:0 auto;
    width:720px; 
    height:100px; 
    text-align:left;
    background-color:#FFFFFF;
    font-size:300%; 
}
#header h1 a:link,
#header h1 a:visited,
#header h1 a:hover,
#header h1 a:active{
    display:block; 
    line-height:100px;
    color:#FF8042;
}
#navigation {
    height:50px;
    border-top:1px solid #FF8042;
    border-bottom:1px solid #FF8042;
}
ul#navbar { 
    margin:0px auto;
    width:720px; 
}
ul#navbar li{ 
    display:inline; 
}
ul#navbar li a{ 
    padding:10px;
    line-height:50px; 
    border-right:1px solid #FFCC00;
    font-family:"Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
     font-variant: small-caps;
    letter-spacing:1px;
    color: #3169A5; 
}
ul#navbar li a:hover{ 
    background-color:#3169A5; 
    color:#FFFFFF;  
} 
#navbar a.current:link,
#navbar a.current:visited,
#navbar a.current:hover,
#navbar a.current:active{ 
    color:#FF8042;
    text-decoration:underline
}
div#container { 
    position:relative;
    margin:0px auto;
    text-align:left;
    width:720px;
}
#content{}
#footer{ 
    height:60px; 
    border-top:1px solid #FF8042;
    border-bottom:1px solid #FF8042;
}
#footer h6{
    margin:0px auto;
    width:720px;
    line-height:60px;
    text-align:left; 
}
</style>
</head>
<body>
<div id="header"><h1>[url="/index.php"]Header[/url]</h1></div>
<div id="navigation">
    <ul id="navbar">
        [*][url="index.php"]Home[/url]
        [*][url="aboutus.php"]About us[/url]
        [*][url="news.php"]News[/url]
        [*][url="contacts.php"]Contacts[/url]
    [/list]
</div>
<div id="container">
    <div id="content">
        <h2>Content</h2>
        <h2>Content</h2>
        <h2>Content</h2>
    </div>
</div>
<div id="footer"><h6>Footer</h6></div>
</body>
</html> 
Sarebbe perfetto se non ci fosse quel piccolo
ma noiossimo piccolo spazio sulla sinistra del
link
Presumo che sia un comportamento di default di un
tag li ma domando se c'è un modo per evitarlo.

Il problema è che se metto li float il menu non è
centrato ma 'scivola' sulla sinistra.


Suggerimenti