[Pumpkin]

hallo,

ich hab ein problem mit meiner navigation. die buttons sollen genauso breit sein wie der sidebar, doch das bekomme ich leider nicht hin. Leider kann ich euch nur ein Screenshot zeigen, da ich derzeit kein Webspace habe!

CSS

#sidebar_l {
	float:left;
	width:140px;
	border-top:1px solid #fff;
	background:#eee;
}

#menu ul {
	list-style-type: none;
}

#menu li a, #menu li a:hover {
	padding:5px 10px;
	line-height:23px;
	color:#000;
	background:#ccc url(button1.gif) no-repeat;
	font-size:.8em;
	text-decoration:none;
	border-bottom:1px solid #fff;
}

#menu li a:hover {
	color:#000;
	background:#eee url(button2.gif) no-repeat;
	text-decoration:underline;
}

HTML

<div id="sidebar_l">
<div id="menu">
		<ul>
	<li><a class="button" href="#.html" title="Xbox 360" />Xbox360 [0]</a></li>
	<li><a class="button" href="#.html" title="Xbox" />Xbox [2]</a></li>
	<li><a class="button" href="#.html" title="PlayStation 3" />PlayStation 3 [0]</a></li>
	<li><a class="button" href="#.html" title="PlayStation 2 / PStwo" />PlayStation 2 [0]</a></li>
	<li><a class="button" href="#.html" title="PlayStation / PSone" />PlayStation [0]</a></li>
	<li><a class="button" href="#.html" title="Wii" />Wii [0]</a></li>
	<li><a class="button" href="#.html" title="Gamecube" />Gamecube [1]</a></li>
	<li><a class="button" href="#.html" title="Nintendo 64" />N64 [4]</a></li>
	<li><a class="button" href="#.html" title="Super NES" />Super NES [0]</a></li>
	<li><a class="button" href="#.html" title="NES" />NES [0]</a></li>
	<li><a class="button" href="#.html" title="Gameboy" />GameBoy [0]</a></li>
	<li><a class="button" href="#.html" title="Dreamcast" />Dreamcast [12]</a></li>
	<li><a class="button" href="#.html" title="Saturn" />Saturn [1]</a></li>
	<li><a class="button" href="#.html" title="Mega Drive / Mega CD / 32X" />Mega Drive [10]</a></li>
	<li><a class="button" href="#.html" title="Master System" />Master System [1]</a></li>
	<li><a class="button" href="#.html" title="GameGear / Nomad" />GameGear [0]</a></li>
	<li><a class="button" href="#.html" title="Neo-Geo" />Neo-Geo [0]</a></li>
	<li><a class="button" href="#.html" title="Sonstige" />Sonstige [1]</a></li>
	<li><a class="button" href="#.html" title="DVDs" />DVDs [11]</a></li>
                </ul>
</div> <!-- menu end -->
</div> <!-- sidebar_l end -->

[Paul Kleinhans]

#menu li a, #menu li a:hover {	
        display:block;
	}

[Geronimo]

Dann solltest du ihnen die Eigenschaft display: block zuweisen.

[heiko_rs]

Und wie man die resultierenden Fehldarstellungen im IE < 7 behebt, findest Du in meinem FAQ-Beitrag (Stichwort "Whitespace-Bug").