View Full Version : Modern bricks menu fire firefox bug

05-04-2008, 06:53 PM
1) Script Title:

2) Script URL (on DD):

3) Describe problem:
I have strange firefox problem on my site , in IE everything looks good :)
But when i wanne to look in firefox it looks strange and mess up .

<!-- BEGIN: HEADER -->

<link href="skins/{PHP.skin}/{PHP.skin}.css" type="text/css" rel="stylesheet" />

<script type="text/javascript" src="skins/{PHP.skin}/popup.js"></script>

<link rel="stylesheet" href="plugins/extrapics/inc/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="plugins/extrapics/inc/prototype.js"></script>
<script type="text/javascript" src="plugins/extrapics/inc/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="plugins/extrapics/inc/lightbox.js"></script>

<table border="0" cellpadding="0" cellspacing="0">
<div id="modernbricksmenu">
<!-- BEGIN: USER -->
<li id="current"><a href="index.php">{HEADER_LOGSTATUS}</a></li>
<li><a href="plug.php?e=shop">Shop</a></li>
<!-- END: USER -->
<!-- BEGIN: GUEST -->
<li id="current"><a href="index.php">CPanel (Guest)</a></li>
<li><a href="users.php?m=auth">{PHP.skinlang.header.Login}</a></li>
<li><a href="users.php?m=register">{PHP.skinlang.header.Register}</a></li>
<li><a href="plug.php?e=passrecover">{PHP.skinlang.header.Lostyourpassword}</a></li>
<!-- END: GUEST -->
<td class="around">
<table border="0" cellpadding="0" cellspacing="0">
<td width="600">
<img src="skins/{PHP.skin}/images/banner.gif" alt="P-NetworkZ - Youre Number One">
<td class="hg"></td>
<td class="nav" width="600">
<a href="index.php" class="navlink">Home</a> |
<a href="forums.php" class="navlink">Forums</a> |
<a href="plug.php?e=guestbook" class="navlink">Guestbook</a> |
<a href="hosting.php" class="navlink">Hosting</a> |
<a href="plug.php?e=tslist" class="navlink">Teamspeak</a> |
<a href="plug.php?e=contactus" class="navlink">Contact</a>
<td class="hg"></td>

<td width="600" class="maincontent">

<!-- END: HEADER -->

CSS File

padding: 0;
width: 610px;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;

#modernbricksmenu ul{
font: 12px Arial;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;

#modernbricksmenu a{
float: left;
display: block;
color: #666666;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: #F4F4F4; /*Default menu color*/
border-bottom: 1px solid white;

#modernbricksmenu a:hover{
background-color: #B1392A; /*Menu hover bgcolor*/
color: #FFFFFF;

#modernbricksmenu #current a{ color: #FFFFFF;
background-color: #B1392A; /*Brown color theme*/
border-color: #B1392A; /*Brown color theme*/

clear: both;
padding: 0;
width: 610px;
height: 5px;
line-height: 5px;
background: #B1392A; /*Brown color theme*/

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
padding: 0;

#myform .textinput{
width: 190px;
border: 1px solid gray;

#myform .submit{
font: bold 11px Verdana;
height: 22px;
background-color: lightyellow;

Many thanks for your help and support :)

off topic some great css things you have done btw :)