image and ul tag create a gap

[styleBunny]

Hi people,

I have this site

http://www.sminedesign.com/clients/rapidLabels/

when viewed in ie6 or ff1, the menu on the top RHS, has a small gap between the top image and the ul tag (the ul tag holds the menu list items), here is the code

<div id="head">
        
        <div id="navlist">
            <img src="images/common/rl_menuBG01.gif" />
            <ul>
            
                <li id="uberlink"><a href="about.php">About Us</a></li>
                <li><a href="contact.php">Contact</a></li>
                
            </ul>
            <img src="images/common/rl_menuBG02.gif" />
        </div>        
        
    </div>

the css file is here

http://www.sminedesign.com/clients/rapidLabels/css/rlStyle.css

the styles for the menu are at the bottom of the file.

I have seem similar problems before, but have never been too bothered by it, now its really bugging me!

any suggestions would be grand.
Paul.

 

[styleBunny]

Hi again,

I used this thead here: thread215-931525 to remove the unwanted image gaps in ie, but the gap remains in ff? If it has something to do with whitespace, then im not sure, i thought whitespace had to do with text flow?

Confusedly,
Paul.

 

[Vragabond]

I cannot see your page. All I get is a blank document. First of all, I would make sure you have a complete and proper doctype at the beginning of the document. But without seeing your html it is hard to say.

 

[styleBunny]

Hi again,

opps my bad

http://www.sminedesign.com/clients/rapidLabels/about.php

i have tried a strict and a loose docType and if i remove the phyisical whitespace in the code, it seems to work in both ie and ff, with either a strict or loose doctype. Which is wierd cos i swear it wasnt working b4.

Alls well that ends well, i guess.
Paul.