LI issues

[9three]

If you take a look at the picture i included it shows two LIs. The position of the text is exactically where I want it. The problem is I dont want a gap in between the two. I've added padding to only ONE of them yet both show padding.

 

ul 
{
 list-style: none;
 margin: 0px;
 padding: 10px;
}

/* LI Format */

#section
{
 list-style-type: none;
 list-style-position: outside;
 padding: 0px;
 margin: 0px;
 width: 250px;
 border: solid 1px #81a753;
}

#title 
{
 list-style-type: none;
 list-style-position: outside;
 padding: 0px;
 padding-top: 10px;
 margin: 0px;
 height: 34px;
 width: 252px;
 text-align: right;
 background: url(../images/li_bg.jpg) repeat-x; 
}

 

And then the HTML side:

 

       <ul>
       <li id="title">title</li>
       <li id="section">Content</li>
       </ul>

 

Anyone know how to fix that?

 

[attachment deleted by admin]

[noober]

In between the two what? Maybe make a pic of how it's supposed to look.

[haku]

The code you post looks fine, so it must be something else in your code. Without a link, its impossible to say what it is, just random stabs in the dark.