I am designing a website using ASP.Net 2.0 and C#2005. I have used a stylesheet for the background and the horizontal menu bar. I am dsplaying 4 menu items horizontally and below that I am displaying a Flash (.swf) banner. The page is being correctly rendered & displayed in IE8, Opera, FireFox, Chrome and Safari. But in IE 6 I am getting following problems:

1. There is a gap of around 25 px between the horizontal menu and the banner.
2. In the gap, the last 2 characters of the the last menu item description is getting displayed.
3. If I increase the menu items to 5 or more, the menu bar is being broken to 2 lines.

My Stylesheet is as follows :

body {
	margin: 0; 
	padding: 0; 
	background-color: #329900;
	background-image: url(Images/BG1.jpg);
	background-repeat: repeat-x;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
}

a.nav, a.nav:link, a.nav:visited {display:block; width:140px; height:25px; background:#dca; border:1px solid #000; 
	margin-top:2px; text-align:center; text-decoration:none; font-family:verdana, arial, sans-serif; 
	font-size:12px; color:#000; line-height:25px; overflow:hidden; float:left;}

a.nav:hover {color:#fff; background:#764;}

a.nav:active {color:#fff; background:#c00;}

My Aspx page is coded as follows:

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Alpha Consultancy</title>
    <link href="StyleSheet1.css" rel="stylesheet" type="text/css" id="stylesheet" />
</head>
<body>
    <form id="form1" runat="server">
    <a class="nav" href="Default.aspx" title="home">home</a>
    <a class="nav" href="Page2.aspx" title="Page2">Page 2</a>
    <a class="nav" href="Page3.aspx" title="Page3">Page 3</a>
    <a class="nav" href="Page4.aspx" title="Page4">Page 4</a>
    
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
        codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" 
        HEIGHT="105" id="myMovieName" 
        VIEWASTEXT style="width: 1010px">
        <param name=movie value="Images/AC.swf">
        <param name=quality value=autohigh>
        <param name=bgcolor value=black>
        <param name=”menu” value=”false” />
        <param name=flashvars value=”init=yes&check=true”>
        
        <embed src="Images/AC.swf" 
            flashvars=”init=yes&check=true” 
            quality=high 
            bgcolor=#ffffff 
            width="1010" 
            height="105"
            name="mymoviename" 
            type="application/x-shockwave-flash" 
            pluginspage="http://www.macromedia.com/go/getflashplayer">
        </embed>
    </object>
    </form>
</body>
</html>

Can anybody please help me?

Thank you.

Lalit Kumar Barik

Changes in Stylesheet1.css:

....
a.nav, a.nav:link, a.nav:visited {display:inline-block; width:140px; height:25px; background:#dca; border:1px solid #000; 
	margin-top:2px; text-align:center; text-decoration:none; font-family:verdana, arial, sans-serif; 
	font-size:12px; color:#000; line-height:25px; overflow:hidden; float:left;}
....
...
Comments
It seems to work. ALL preliminary tests passed.

A big thanks to "adatapost" for your reply. Your solution is working. Thanks again.

Lalit Kumar Barik

A big thanks to "adatapost" for your reply. Your solution is working. Thanks again.

Lalit Kumar Barik

Don't forgot to add reputation point and If your problem is solved then Mark this post as solved.

@adatapost,

I have already added points to your reputation. The reasons for not marking the thread as solved are, I am waiting for comments from other experts and I am still doing tests (ALL OK till now). Hope you understand.

Thanks again.

Lalit Kumar Barik

This question has already been answered. Start a new discussion instead.