How does one set the height of a list item in a drop down menu?

[drayarms]

Hello, I'm trying to create a drop down menu.  I'm just going to paste the relevant html and css below.  What do I have to do to make sure that the <li> items in question, get the height that I want to specify? I have tried using css height: and line-height: to no avail.  The <li> items don't get any higher than the length of the text enclosed within them.

 

 

html

<ul id = "pic_options_panel">

<li  class = "comment_color pic_options">Picture Options

	<ul id = "pic_options_div">

		<li id = "pic_options_collapse"> collapse </li>

		<li align = "center">Make Main Picture</li>

		<li align = "center">Delete This Picture </li>

		<li id = "upload_pic_link" align = "center">Upload New Picture </li>

	</ul>

</li>



<li class = "comment_color pic_comments">Comments</li>


<li class = "clear"> </li>


</ul>

 

 

css

 

.pic_options ul li{z-index:603;color:#fff;margin:0px;padding:0px;width:142px;height;80px;border-bottom:1px solid #fff;cursor:pointer;}

[Mahngiel]

that's some scary stuff u got there...

 

http://jsfiddle.net/MCC5a/

 

[Jessica]

height;80px;

 

Doesn't anything look wrong there?

You may want to format your code a little better

body{

  color: #FFFFFF;

  border: 2px solid red;

}

 

is a lot easier to read than the way you have it.

[salem80]

You done little mistake

replace

 height;80px;

with

 height:80px;

Typo 

[drayarms]

CSS padding solved the problem.

[deathadder]

or you could of fixed a simple typo

[haku]

could of

Could have. But yeah, fixing the typo would have helped.