I've created a simple menu, see Menu. It appears there is a small margin between the individual menu items, how can I get rid of this margin? I've set margin on 0px already.

 

Probably it's something simple, but being new to this topic, I'm currently in the state of staring to my screen :-)

#menu li{

list-style-type: none;

border-right: 1px solid #FFFFFF;

border-top: 1px solid #FFFFFF;

border-bottom: 1px solid #FFFFFF;

float: left;

display: block;

#menu li{

list-style-type: none;

border-right: 1px solid #FFFFFF;

border-top: 1px solid #FFFFFF;

border-bottom: 1px solid #FFFFFF;

float: left;

display: block;

Thanx :-)