Try this,

#mainNav ul {
        Padding: 0;
        Margin: 0;
}

That may help, don't know why but I've had to do that a few times with
nested lists.

-----Original Message-----
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Michael Horowitz
Sent: 30 July 2008 20:06
To: wsg@webstandardsgroup.org
Subject: [WSG] Making an image come right up to a list

I have a div within that div I have a menu set as a ul followed right 
underneath by an image.  Currently there is unwanted space between the 
list elements and the image.  There doesn't seem to be any padding or 
margins that would cause this.

I am including my current css for this div

#mainNav{
    padding-left: 10px;
    padding-right: 10px;
    height: 600px;
    width: 230px;
    float: left;
    font-size:8px;
   
}

#mainNav ul a {
    margin:0;
    padding:0;
    display:block;
    line-height:45px;
    text-decoration:none;
    color:#000000;
    background:url(../images/button3.jpg);
    text-indent:35px;
    left center;
}

#mainNav img {
    float: right;
}

-- 
Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079



*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************



-- 
No virus found in this incoming message.
Checked by AVG. 
Version: 7.5.524 / Virus Database: 270.5.7/1580 - Release Date: 29/07/2008
17:26




*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************

Reply via email to