<UL>/ CSS въпрос

Fakeheal

Super Moderator
Използвам този CSS


Код:
/* novo meniu */

#sidebar a{
	color: #fff;
	}


#sidebar h1 a{ font-weight: bold; }
#sidebar h1 a:hover{  }

#nav{ list-style: none; margin: 1.5em 0 1em 0;}
#nav li{ padding: 0; margin: 0; }
#nav a{
	display: block;
	height: 2.0em;
	padding: 0.3em 0.2em 0 0.8em;
	margin-bottom: 1px;
	color: black;
	background-color: #99CCFF;
	}

#nav a:hover{
	color: black;
	background-color: #CCFFFF;
	}	


#sidebar .callout{ xbackground-color: #333;
	border: 1px solid #222; 
	padding: 0.25em .5em;   }
#sidebar .callout a{ color: #8ad459;}
#sidebar .callout ul{ margin-top: -.45em; margin-left: 1em; margin-bottom: .4em; }


за ето това меню:
Код:
<div id="sidebar"> 
	
	<ul id="nav"> 
		<li><a href="#overview">Overview</a></li> 
		<li><a href="#example">Example</a></li> 
		<li><a href="#how">How to Use</a></li> 
		<li><a href="#download">Download</a></li> 
		<li><a href="#support">Support</a></li> 
		<li><a href="#contact">Contact</a></li> 
		<li><a href="#contact">Donate</a></li> 
	</ul>


Как мога да направя така, че да не е нужно да е във Unordered List,ами в обикновен параграф, защото ми го измества малко по-вдясно заради Bullet'ите ?
 
Как така се измества в дясно като си махнал булетите ?
Добави padding:0; към този ред
Код:
#nav{ list-style: none; margin: 1.5em 0 1em 0;}
 

Back
Горе