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