[bugzy]

Hello I'm new and css and I have problem putting the list inside the. It always at the bottom of the div I tried to use margin and padding but I cant get it to work.

Here's the css code for the DIV

#MenuList{
background-color: #485157;
height: 22px;
width: 850px;
border: thin black solid;
margin-top: 0px;
float: none;
}

CSS of the list

#MenuList ul li{
color: red;
display: inline;
font-weight: bolder;
font-style: normal;
list-style-type: none;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
padding: 0px 5px 4px;
}


HTML code of the list inside the div


<div id="MenuList">
<ul>
<li>Home</li>
<li>Games Replay</li>
<li>Download Games</li>
<li>NBA Avatars</li>
<li>NBA Photos</li>
<li>NBA News</li>
</ul>
</div>



Anyone? Thanks in Advance!

[fleep]

add this to the top of your css

Code:

*{ padding: 0; margin: 0; }

...actually this might be better because the one above will affect other elements on your page

Code:

ul{ padding: 0; margin: 0 }

[harish]

use this one hope this will solve your problem.

#MenuList{
background-color: #485157;
height: 22px;
width: 850px;
border: thin black solid;
margin-top: 0px;
float: none;
text-align:center;
}