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 Expand

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;

}