Previous Message
Next Message

CSS Horizontal menu weird Firefox behavior

Sent by karl svensson on 17 November 2005 20:08


Hello,

I have working on a horizontal menu from listmatic or css maxdesign. With a 
few modifications I got the menu up a running in IE6 but when I view it in 
Firefox the menu pads top and bottom leaving a white thick border.

Here is a test page, http://www.holdembonus.com/index_test.htm

This is the CSS I am using


#navcontainer ul
{
background: url(http://www.holdembonus.com/images/backgroundfull.gif) #fff;
padding-left: 0;
margin-left: 0;
background-color: #fff;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
font-weight: bold;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
background: url(http://www.holdembonus.com/images/background.gif) #fff 
repeat-x;
padding: 1em 1em;
background-color: #fff;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background: url(http://www.holdembonus.com/images/backgroundb.gif) #fff 
repeat-x;
color: #fff;
}


Any help on this would be appreciated.



Regards Pat

_________________________________________________________________
Lättare att hitta drömresan med MSN Resor http://www.msn.se/resor/

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: