Top menu problem - links not in line in IE

[peterrodger]

Problem caused by staring at the monitor for too long today.
Solution - go outside and stare at the horizon for half an hour - Eureka!  Change 'Block' to 'Inline' in the CSS file - Doh!

Hi
I'm building a site in WB 2.7.  I have a top menu area as the main menu.  In Safari and Firefox the links appear in line (as I intended) but in IE the links appear in a list format, one beneath another.  I think I've exhausted my knowledge of CSS and wonder if anyone can offer a solution please.

The relavent bit of the CSS file is... as below.

Any guidance or help will be much appreciated.

Peter

Code: [Select]

FOLLOWING CSS STYLES DEFINE LAYOUT OF THE TOP MENU (DISCLAIMER, CONTACT)* POSITION, NO LIST SYMBOLS, COLOR

***************************************************************************/

#navigation1 ul li {

display: block; }

#navigation1 ul li  a {

color: #6E857B;
float: left;
font-size: 90%;
font-weight: 700;
text-decoration: none;
padding: 0 1em; }

#navigation1 ul li a:aktiv,

#navigation1 ul li a:hover, {

color: #000000;
text-decoration:  none;
padding: 0 1em; }

#navigation1 ul li a:active {

color: #fff;
text-decoration:  none;
padding: 0 1em;

}