Probleem in html/css

[PokerFlock]

hallo allemaal,

ik ben bezig met een eigen site ,

en tijdens het maken van het navigatie menu stuitte ik op een probleem met IE en FF.

Zoals je in de bijlages kunt zien geeft IE 7.0 de bovenkant van de border niet weer. In Dreamweaver en in FireFox wel !!! + In IE7.0 word de tekst niet keurig verticaala ge centreerd , wat wel het geval is bij Dreamweaver en FF.

Iemand een idee wat ik er aan kan doen ?


De bewuste code die ik heb gebruikt =

CSS

#container #navigatie ul {
	font-family: Verdana;
	padding-bottom: 10px;
	border-bottom: 3px solid #000000;
	color: #FFFFFF;
	font-weight: bold;
}

#container #navigatie li { 
                           display: inline;
                           background: #aed137;
		           padding: 10px;
			   margin: 5px;
                           border: 3px solid #000000

<b>HTML</b>

   <div id="navigatie">
     <ul>   
       <li><a href="index.html">Home</a></li>
       <li><a href="news/index.html">News</a></li>
       <li><a href="promotions/index.html">Promotions</a></li>
       <li><a href="rakeback/index.html">Rakeback</a></li>
       <li><a href="forum/">Forum</a></li>
       <li><a href="partners/index.html">Partners</a></li>
       <li><a href="contact/index.html">Contact</a></li>
     </ul> 
   </div>

 

[That Guy]

deze regel:

	border-bottom: 3px solid #000000;

geeft dus alleen een onderkant border. Zet er eens deze regel bij:

	border-top: 3px solid #000000;

Zoiets moet werken.

 

[PokerFlock]

vergeet niet dat die border bottom betrekking heeft op de UL tag dus die border bestrijkt de hele lijst.

Het probleem zit hem in de LI tag denk ik. Aangezien in FF en DW het wel werkt en IE pakt ie dus niet de border-top voor elke afzonderlijke LI