Proble mit einer Liste im DIV

Status
Nicht offen für weitere Antworten.

bandsite

Mitglied
Hallo Community,
Ich habe das Problem, daß eine mit css formatierte Liste in einem DIV im Firefox einen abstand zur Oberkante des DIV´s bekommt. Im IE fängt die Liste dagegen gleich an der Oberkante des Div´s an.

Die Formatierung der Liste
Code:
ul {
	list-style-type: none;
	text-align: right;
}
li {
	list-style-type: none;
	text-align: right;
	padding-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #CC9900;
}

Der DIV in dem sich die Liste befindet:
Code:
#header_1 {
	background-color: #333333;
	background-image: url(images/blacklines.gif);
	width: 199px;
	float: left;
	border-top-width: 4px;
	border-bottom-width: 4px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #a25a4b;
	border-right-color: #a25a4b;
	border-bottom-color: #a25a4b;
	border-left-color: #a25a4b;
	border-right-width: 1px;
	border-left-width: 0px;
	height: 110px;
	margin: 0px;
	padding: 0px;
}

Das HTML dazu:
Code:
<div id="header_1">
<ul>
<li><a href="#">homepage</a><br />zur&uuml;ck zur startseite</li>
<li><a href="#">leistungen</a><br />angebote und philosophie</li>
<li><a href="#">showcase</a><br />referenzen und gallerie</li>
<li><a href="#">kontakt</a><br />impressum / email</li>
</ul>
</div>

Wie kann ich die Darstellung der Liste in dem DIV in beiden Browsern identisch bekommen ?


Danke, Gruß, bandsite
 
Dann solltest Du margin und padding (top und bottom) der Liste auch entsprechend setzen.
Gerade bei den Abständen und insbesondere bei Listen haben die Browser unterschiedliche Voreinstellungen.
 
Status
Nicht offen für weitere Antworten.
Zurück