Witam mój problem jest następujący zrobiłem proste poziome menu w css. A mianowicie nie jest ono dociągnięte do końca strony i na każdym z końców pojawia się brzydki odstęp Nie wiem jak go do ciągnąć do końca okna
Druga kwestia to zmiana kolorów. Zmieniam koloru tego menu w pliku css zapisuję ładnie a na stronie kolor się nie zmienia. Z góry dziękuję za pomoc

Menu:

[HTML] pobierz, plaintext 
<ul id="menu">
	<li><a href="1.html">Pozycja 1</a></li>
	<li><a href="2.html">Pozycja 2</a></li>
	<li><a href="3.html">Pozycja 3</a></li>
	<li><a href="4.html">Pozycja 4</a></li>
</ul>
[HTML] pobierz, plaintext 

Plik css:

[HTML] pobierz, plaintext 
#menu {
	background-color: #ddd;
	border-width: 1px 0;
	border-style: solid;
	border-color: gray;
	padding: 3px 5%;
	margin: 0;
}
#menu li {
	display: inline;
	border-right: 1px solid gray;
	padding: 0 10px;
}
#menu a {
	color: #666;
	font: bold 0.8em Arial, sans-serif;
	text-decoration: none;
}
#menu a:hover {
	color: #333;
}
[HTML] pobierz, plaintext 

Pobaw się z padding a zobaczysz.
Co do drugiego to trochę inacze sie robi:

[HTML] pobierz, plaintext 
#menu ...
 
#menu ul{
  list-style:none;
  margin:0;
  padding:0;
}
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
#menu li a{...
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
#menu li a:hover {...
[HTML] pobierz, plaintext 

Ja może dokładniej powiem, że domyślnie znacznik body ma ustawione w większości przeglądarkach jakąś tam wartość margin, więc aby to zlikwidować trzeba

Nie jestem pewien ale w Internet Explorer to zamiast margin znacznik body ma ustawioną wartość padding, ale to trzeba sprawdzić.

Arbor dzięki wielkie odstęp się zlikwidował