To whom ever may read this..
Please see the image below to have a better understanding of what I am refering
too:
http://www.professionalwebpages.info/webdevelopment/css/sv.jpg
In firefox(top image) the menu is appearing at the top of the div, where as in
IE6(bottom image) it is appearing where I would like it, there is a solution to
this and that is to but a non breaking space but I wish to avoid that if
possible, does anyone have a possible explanation/ solution to this problem?
Thanks heaps
Code:
<!--Header Start-->
<div id="CntHeader">
<div id="CntMainNavigation">
<ul>
<li><a href="#" title="Company Profile">Company Profile</a></li>
<li>
<a href="#" title="Facilities">Facilities</a>
<!--Submenus for each facilities here-->
<!--
<ul>
<li>
<a href="#" title="">Allambie Heights</a>
<ul>
<li><a href="#" title="">Overview</a></li>
<li><a href="#" title="Specials
Features">Specials Features</a></li>
<li><a href="#"
title="Awards">Awards</a></li>
<li><a href="#" title="Contact
Details">Contact Details</a></li>
<li><a href="#"
title="History">History</a></li>
<li><a href="#" title="News">News</a></li>
<li><a href="#" title="Job
Opportunities">Job Opportunities</a></li>
</ul>
</li>
<li><a href="#" title="">Company
Profile</a>Austral</li>
<li><a href="#" title="">Company
Profile</a>Bexley</li>
<li><a href="#" title="">Company
Profile</a>Chipping Norton</li>
<li><a href="#" title="">Company
Profile</a>Drummoyne</li>
<li><a href="#" title="">Company
Profile</a>Griffith</li>
<li><a href="#" title="">Company Profile</a>San
Carlo Village</li>
</ul>
-->
</li>
<li><a href="#" title="F.A.Q">F.A.Q</a></li>
<li><a href="#" title="Application Forms">Application
Forms</a></li>
<li><a href="#" title="Contact Head Office">Contact Head
Office</a></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
<!--Header End-->
#CntHeader
{
background-image: url(../IMG/LogoMain.png);
background-position: top left ;
background-repeat: no-repeat;
height:177px;
}
#CntMainNavigation
{
background-image: url(../IMG/MenuBackgroundShade.png);
background-position: center ;
background-repeat: no-repeat;
border-bottom:solid 1px #7991D7;
border-top:solid 1px #7991D7;
margin-top:130px;
text-align: center;
background-color:#fff;
font-size:11pt;
text-transform:capitalize ;
}
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
