# Weird addition in firefox

**URL:** <https://forum.kirupa.com/t/weird-addition-in-firefox/265737>\
**Category:** Uncategorized\
**Created:** [July 11, 2008, 7:21pm UTC](https://forum.kirupa.com/t/weird-addition-in-firefox/265737 "2008-07-11T19:21:22Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![jynx](https://avatars.discourse-cdn.com/v4/letter/j/3d9bf3/32.png) [@jynx](https://forum.kirupa.com/u/jynx)\
**Post date:** [July 11, 2008, 7:21pm UTC](https://forum.kirupa.com/t/weird-addition-in-firefox/265737/1 "2008-07-11T19:21:22Z")

</div>

if you go to [http://summitpcg.com/focus.html](http://summitpcg.com/focus.html) or any other page on there, in firefox there is a purple small box to the right of the nav bar that i cant get rid of. in IE it isn’t there. the container for the flash file is 140 px in height, and the flash file is 135 px which leaves 5 px at the bottom. i cant figure out where the extra mark is coming from. any help?

---

<div class="post-metadata">

**Author:** ![Hypercomps](https://avatars.discourse-cdn.com/v4/letter/h/97f17d/32.png) [@Hypercomps](https://forum.kirupa.com/u/Hypercomps)\
**Post date:** [July 12, 2008, 11:46am UTC](https://forum.kirupa.com/t/weird-addition-in-firefox/265737/2 "2008-07-12T11:46:32Z")

</div>

Try this,

> \<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”  
> “[http://www.w3.org/TR/html4/strict.dtd](http://www.w3.org/TR/html4/strict.dtd)”\>  
> \<html\>  
> \<head\>  
> \<link rel=“stylesheet” type=“text/css” href=“styles/style.css” /\>  
> \<link rel=“stylesheet” type=“text/css” href=“styles/menu.css” /\>  
> \<title\>Summit Private Capital Group\</title\>

\<META NAME=“Description” CONTENT=“Summit Private Capital Group (SPCG) is a specialty merchant banking boutique that provides customized financing, strategic advisory, and alternative investment solutions to smaller and mid-sized companies.”\>  
\<META NAME=“Keywords” CONTENT="Summit, Summit Private, Summit Private Capital, Financial Restructuring, Liquidity Services, Mergers, Acquisitions, merchant banking "\>  
\<META NAME=“Robots” CONTENT=“index, follow”\>

\<script src=“scripts/AC\_RunActiveContent.js” language=“javascript” type=“text/JavaScript”\>\</script\>  
\<!–[if gte IE 5.5]\>  
\<script language=“JavaScript” src=“scripts/navBar.js” type=“text/JavaScript”\>\</script\>  
\<![endif]–\>  
\</head\>  
\<body\>

\<div id=“page”\>  
\<div id=“header”\>\<img src=“SPCG\_logo.gif” alt=“Summit Private Capital Group”\>  
\<div id=“sidebox”\>Capital | Redefined.\</div\>  
\</div\> \<!-- END header –\>

```
	&lt;!-- START nav --&gt;

```

\<div id=“menu”\>  
\<ul\>  
\<li\>\<a href=“/aboutus.html” title=“About Us”\>\<h2\>About Us\</h2\>\</a\>

```
&lt;ul&gt;
  &lt;li&gt;&lt;a href="/founder.html" title="Founder's Message"&gt;Founder's Message&lt;/a&gt;
  
		&lt;li&gt;&lt;a href="/approach.html" title="Our Approach"&gt;Our Approach&lt;/a&gt;&lt;/li&gt;
		
&lt;/ul&gt;

```

\</li\>  
\</ul\>

\<ul\>  
\<li\>\<a href=“/capital.html” title=“Capital”\>\<h2\>Capital\</h2\>\</a\>

```
&lt;ul&gt;
  &lt;li&gt;&lt;a href="/mission.html" title="Our Mission"&gt;Our Mission&lt;/a&gt;
		
		&lt;li&gt;&lt;a href="/advantage.html" title="The SPCG Advantage"&gt;The SPCG Advantage&lt;/a&gt;&lt;/li&gt;
		
&lt;/ul&gt;

```

\</li\>  
\</ul\>

\<ul\>  
\<li\>\<a href=“/capabilities.html” title=“Capabilities”\>\<h2\>Capabilities\</h2\>\</a\>

```
	&lt;ul&gt;
	 &lt;li&gt;&lt;a href="/tools.html" title="The Right Tools"&gt;The Right Tools&lt;/a&gt;&lt;/li&gt;
	 
	 &lt;/ul&gt;

```

\</li\>  
\</ul\>

\<ul\>  
\<li\>\<a href=“/focus.html” title=“Focus”\>\<h2\>Focus\</h2\>\</a\>  
\<ul\>

```
  &lt;li&gt;&lt;a href="/investors.html" title="Investors"&gt;Investors&lt;/a&gt;
  
		&lt;li&gt;&lt;a href="/privfinancing.html" title="Private Financing"&gt;Private Financing&lt;/a&gt;&lt;/li&gt;
		
		&lt;li&gt;&lt;a href="/corpfinancing.html" title="Corporate Financing"&gt;Corporate Financing&lt;/a&gt;&lt;/li&gt;
		
		&lt;li&gt;&lt;a href="/busrevitilazation.html" title="Business Revitalization"&gt;Business Revitalization&lt;/a&gt;&lt;/li&gt;
		
&lt;/ul&gt;

```

\</li\>  
\</ul\>

\<ul\>  
\<li\>\<a href=“/resources.html” title=“Resources”\>\<h2\>Resources\</h2\>\</a\>  
\<ul\>  
\<li\>\<a href=“/executivepartners.html” title=“Executive Partners”\>Executive Partners\</a\>

```
		&lt;li&gt;&lt;a href="/specialsituation.html" title="Special Opportunities"&gt;Special Opportunities&lt;/a&gt;&lt;/li&gt;	
&lt;/ul&gt;

```

\</li\>  
\</ul\>  
\<ul\>  
\<li\>\<a href=“/contact.php” title=“Contact Us”\>\<h2\>Contact\</h2\>\</a\>  
\</li\>  
\</ul\>  
\</div\>

\<!-- END nav –\>  
\<!-- START picbar –\>  
\<div id=“picbar”\>  
\<script language=“javascript” type=“text/JavaScript”\>  
if (AC\_FL\_RunContent == 0) {  
alert(“This page requires AC\_RunActiveContent.js.”);  
} else {  
AC\_FL\_RunContent(  
‘codebase’, ‘[http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0](http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0)’,  
‘width’, ‘750’,  
‘height’, ‘135’,  
‘src’, ‘speedAndStrength’,  
‘quality’, ‘high’,  
‘pluginspage’, ‘[http://www.macromedia.com/go/getflashplayer](http://www.macromedia.com/go/getflashplayer)’,  
‘align’, ‘middle’,  
‘play’, ‘true’,  
‘loop’, ‘true’,  
‘scale’, ‘showall’,  
‘wmode’, ‘opaque’,  
‘devicefont’, ‘false’,  
‘id’, ‘speedAndStrength’,  
‘bgcolor’, ‘#333366’,  
‘name’, ‘speedAndStrength’,  
‘menu’, ‘true’,  
‘allowFullScreen’, ‘false’,  
‘allowScriptAccess’,‘sameDomain’,  
‘movie’, ‘speedAndStrength’,  
‘salign’, ‘’  
); //end AC code  
}  
\</script\>  
\<noscript\>  
\<object classid=“clsid:d27cdb6e-ae6d-11cf-96b8-444553540000” codebase=“[http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0](http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0)” width=“750” height=“135” id=“speedAndStrength” align=“middle”\>  
\<param name=“wmode” value=“opaque”\>  
\<param name=“allowScriptAccess” value=“sameDomain” /\>  
\<param name=“allowFullScreen” value=“false” /\>  
\<param name=“movie” value=“speedAndStrength.swf” /\>\<param name=“quality” value=“high” /\>\<param name=“bgcolor” value=“#333366” /\> \<embed src=“speedAndStrength.swf” wmode=“opaque” quality=“high” bgcolor=“#333366” width=“750” height=“135” name=“speedAndStrength” align=“middle” allowScriptAccess=“sameDomain” allowFullScreen=“false” type=“application/x-shockwave-flash” pluginspage=“[http://www.macromedia.com/go/getflashplayer](http://www.macromedia.com/go/getflashplayer)” /\>  
\</object\>  
\</noscript\>  
\</div\>  
\<!-- END picbar –\>

```
	&lt;!-- START content --&gt;
&lt;div id="content"&gt;
	&lt;!-- START secondMenu --&gt;
	&lt;div id="secondMenu"&gt;

```

\<ul\>  
\<li class=“posted”\>Focus\</li\>  
\<li\>|\</li\>  
\<li class=“posted”\>\<a href=“investors.html”\>Investors\</a\>\</li\>  
\<li\>|\</li\>  
\<li class=“posted”\>\<a href=“privfinancing.html”\>Private Financing\</a\>\</li\>  
\<li\>|\</li\>\<p\>  
\<li class=“posted”\>\<a href=“corpfinancing.html”\>Corporate Financing\</a\>\</li\>  
\<li\>|\</li\>

\<li class=“posted”\>\<a href=“busrevitilazation.html”\>Business Revitalization\</a\>\</li\>  
\</ul\>  
\</div\>\<br\>  
\<!-- END secondMenu –\>  
\<p\>Summit Private Capital Group \</p\>\<br\>  
\<div id=“empty”\>  
\</div\>  
\</div\> \<!-- END content –\>

```
	&lt;!-- START sidebar --&gt;

&lt;div id="sidebar"&gt;
  &lt;script language="javascript" type="text/JavaScript"&gt;
if (AC_FL_RunContent == 0) {
	alert("This page requires AC_RunActiveContent.js.");
} else {
	AC_FL_RunContent(
		'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
		'width', '220',
		'height', '400',
		'src', 'quotes4',
		'quality', 'high',
		'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
		'align', 'middle',
		'play', 'true',
		'loop', 'true',
		'scale', 'showall',
		'wmode', 'window',
		'devicefont', 'false',
		'id', 'quotes4',
		'bgcolor', '#999999',
		'name', 'quotes4',
		'menu', 'true',
		'allowFullScreen', 'false',
		'allowScriptAccess','sameDomain',
		'movie', 'quotes4',
		'salign', ''
		); //end AC code
}

```

\</script\>  
\<noscript\>  
\<object classid=“clsid:d27cdb6e-ae6d-11cf-96b8-444553540000” codebase=“[http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0](http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0)” width=“220” height=“400” id=“quotes4” align=“middle”\>  
\<param name=“allowScriptAccess” value=“sameDomain” /\>  
\<param name=“allowFullScreen” value=“false” /\>  
\<param name=“movie” value=“quotes4.swf” /\>\<param name=“quality” value=“high” /\>\<param name=“bgcolor” value=“#999999” /\> \<embed src=“quotes4.swf” quality=“high” bgcolor=“#999999” width=“220” height=“400” name=“quotes4” align=“middle” allowScriptAccess=“sameDomain” allowFullScreen=“false” type=“application/x-shockwave-flash” pluginspage=“[http://www.macromedia.com/go/getflashplayer](http://www.macromedia.com/go/getflashplayer)” /\>  
\</object\>  
\</noscript\>  
\</div\> \<!-- END sidebar –\>

```
	&lt;!-- START footer --&gt;
&lt;div id="footer"&gt;
			 &lt;ul&gt;
        &lt;li&gt;© 2008 Summit Private Capital Group. All rights reserved.&lt;/li&gt;

					&lt;li&gt;|&lt;/li&gt;
					&lt;li&gt;240 Cedar Knolls Rd. Suite 306 Cedar Knolls, NJ 07927&lt;/li&gt;
					&lt;li&gt;|&lt;/li&gt;
        &lt;li&gt;&lt;a href="privacy.html"&gt;Privacy&lt;/a&gt;&lt;/li&gt;
					&lt;li&gt;|&lt;/li&gt;
					&lt;li&gt;&lt;a href="sitemap.html"&gt;Sitemap&lt;/a&gt;&lt;/li&gt;

					&lt;li&gt;|&lt;/li&gt;
					&lt;li&gt;&lt;a href="#"&gt;Log-In&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
&lt;/div&gt; &lt;!-- END footer --&gt;

```

\</div\> \<!-- END page –\>

\</body\>  
\</html\>

---

<div class="post-metadata">

**Author:** ![Hypercomps](https://avatars.discourse-cdn.com/v4/letter/h/97f17d/32.png) [@Hypercomps](https://forum.kirupa.com/u/Hypercomps)\
**Post date:** [July 12, 2008, 11:49am UTC](https://forum.kirupa.com/t/weird-addition-in-firefox/265737/3 "2008-07-12T11:49:50Z")

</div>

If that doesn’t work for you try replacing your menu.css with

> #menu{  
> width:100%;  
> float:center;  
> margin-right: auto;  
> margin-left: auto;  
> }

#menu a{  
font:normal 90%/205% helvetica, arial,sans-serif;  
display:block;  
border-width:0px;  
border-style:solid;  
border-color:#ccc #888 #555 #bbb;  
white-space:nowrap;  
margin:0;  
padding:0;  
}

#menu h2{  
font:bolder 90%/205% Trebuchet MS, helvetica, arial,sans-serif;  
display:block;  
border-width:0px;  
border-style:solid;  
border-color:#ccc #888 #555 #bbb;  
white-space:nowrap;  
margin:0;  
padding:0;  
text-align: center;  
background: #333366;  
}

#menu h2{  
color:#fff;  
background:#333366;  
text-transform:uppercase  
}

#menu a{  
background:#333366;  
text-decoration:none;  
}

#menu a, #menu a:visited{  
color:#FFF;  
}

#menu a:hover{  
color:#000;  
background:#FFF;  
}

#menu a:active{  
color:#CCC;  
background:#333366;  
}

#menu ul{  
list-style:none;  
margin:0;  
padding:2px;  
width:10em;  
float:left;  
background: #999;  
}

#menu li{  
position:relative;  
padding: 0;  
margin: 0;  
vertical-align: bottom;  
}

#menu ul ul{  
position:absolute;  
z-index:500;  
top:auto;  
display:none;  
}

#menu ul ul ul{  
top:0;  
left:100%;  
}

div#menu h2:hover{  
background:#333366;  
}

div#menu li:hover{  
cursor:pointer;  
z-index:100;  
}

div#menu li:hover ul ul,  
div#menu li li:hover ul ul,  
div#menu li li li:hover ul ul,  
div#menu li li li li:hover ul ul  
{display:none;}

div#menu li:hover ul,  
div#menu li li:hover ul,  
div#menu li li li:hover ul,  
div#menu li li li li:hover ul  
{display:block;}

#menu a.x, #menu a.x:visited{  
font-weight:normal;  
color:#FFF;  
background:#333366;  
}

#menu a.x:hover{  
color:#333366;  
background:#CCC;  
}

#menu a.x:active{  
color:#CCC;  
background:#333366;  
}

#secondMenu{  
width: 100%;  
height: 50px;  
text-align: center;  
font:normal 1.0em Arial, helvetica, arial,sans-serif;  
font-weight: bolder;  
border: solid;  
border-width: 2px;  
border-color: #666666;  
background: #999;  
margin: 0px;  
padding-top: 5px;  
padding-bottom: 5px;  
color: #330066;  
}  
#secondMenu ul{  
margin: 0;  
padding: 0;  
list-style-type: none;  
list-style-image: none;  
}

#secondMenu li  
{  
display: inline;  
list-style-type: none;  
padding-right: 5px;  
text-decoration: none;  
}

#secondMenu a {font:normal .8em helvetica, arial,sans-serif;  
display:inline;  
margin:0;  
padding:0;  
font-weight: bolder;  
text-decoration: none;  
color: #FFF;  
}  
#secondMenu a:hover {color: #333366;  
text-decoration: none;  
font-weight: bolder;}

```
hr.f {border: none 0; 
border-top: 3px double #FFF;
width: 80%;
height: 3px;
margin: 10px auto 0 0;
text-align: center;
margin-right: auto;
margin-left: auto;
}	

```

li.posted {  
background: transparent url(bullet.gif) no-repeat left;  
padding: 0 0 0 15px;  
}

---

<div class="post-metadata">

**Author:** ![jynx](https://avatars.discourse-cdn.com/v4/letter/j/3d9bf3/32.png) [@jynx](https://forum.kirupa.com/u/jynx)\
**Post date:** [July 14, 2008, 4:40pm UTC](https://forum.kirupa.com/t/weird-addition-in-firefox/265737/4 "2008-07-14T16:40:28Z")

</div>

hmm neither one worked. its a really weird bug. i cant seem to track it down

---

<div class="post-metadata">

**Author:** ![actionAction](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/actionaction/32/3987_2.png) [@actionAction](https://forum.kirupa.com/u/actionAction)\
**Post date:** [July 14, 2008, 6:20pm UTC](https://forum.kirupa.com/t/weird-addition-in-firefox/265737/5 "2008-07-14T18:20:01Z")

</div>

Here is your issue:

```auto
#picbar {
background:#333366 none repeat scroll 0%;

```

---

<div class="post-metadata">

**Author:** ![jynx](https://avatars.discourse-cdn.com/v4/letter/j/3d9bf3/32.png) [@jynx](https://forum.kirupa.com/u/jynx)\
**Post date:** [July 14, 2008, 6:39pm UTC](https://forum.kirupa.com/t/weird-addition-in-firefox/265737/6 "2008-07-14T18:39:19Z")

</div>

it didnt change anything. i think i tried something similar to that but doesnt work.

---

<div class="post-metadata">

**Author:** ![actionAction](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/actionaction/32/3987_2.png) [@actionAction](https://forum.kirupa.com/u/actionAction)\
**Post date:** [July 14, 2008, 7:16pm UTC](https://forum.kirupa.com/t/weird-addition-in-firefox/265737/7 "2008-07-14T19:16:43Z")

</div>

Deleting that line fixed the Firefox problem for me.

---

<div class="post-metadata">

**Author:** ![jynx](https://avatars.discourse-cdn.com/v4/letter/j/3d9bf3/32.png) [@jynx](https://forum.kirupa.com/u/jynx)\
**Post date:** [July 14, 2008, 7:50pm UTC](https://forum.kirupa.com/t/weird-addition-in-firefox/265737/8 "2008-07-14T19:50:55Z")

</div>

when i delete that line the weird part goes away but so does the purple bg underneath the flash.

---

<div class="post-metadata">

**Author:** ![jynx](https://avatars.discourse-cdn.com/v4/letter/j/3d9bf3/32.png) [@jynx](https://forum.kirupa.com/u/jynx)\
**Post date:** [July 14, 2008, 7:54pm UTC](https://forum.kirupa.com/t/weird-addition-in-firefox/265737/9 "2008-07-14T19:54:36Z")

</div>

heres a pic

---

<div class="post-metadata">

**Author:** ![actionAction](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/actionaction/32/3987_2.png) [@actionAction](https://forum.kirupa.com/u/actionAction)\
**Post date:** [July 14, 2008, 8:21pm UTC](https://forum.kirupa.com/t/weird-addition-in-firefox/265737/10 "2008-07-14T20:21:45Z")

</div>

Then add a bottom border and remove the padding-bottom:

```auto
border-bottom:4px solid #333366;
margin:0pt auto;
min-height:140px;
width:750px;

```

If you need that padding, add padding-top to the div you are wanting it to affect.

---

<div class="post-metadata">

**Author:** ![jynx](https://avatars.discourse-cdn.com/v4/letter/j/3d9bf3/32.png) [@jynx](https://forum.kirupa.com/u/jynx)\
**Post date:** [July 14, 2008, 9:05pm UTC](https://forum.kirupa.com/t/weird-addition-in-firefox/265737/11 "2008-07-14T21:05:39Z")

</div>

awesome thanks actionaction! it is now fixed in firefox, but now IE shows a gap. i tried margin-bottom: 0; but still has a gap

---

<div class="post-metadata">

**Author:** ![guinness](https://avatars.discourse-cdn.com/v4/letter/g/e495f1/32.png) [@guinness](https://forum.kirupa.com/u/guinness)\
**Post date:** [July 14, 2008, 9:13pm UTC](https://forum.kirupa.com/t/weird-addition-in-firefox/265737/12 "2008-07-14T21:13:32Z")

</div>

use the ie hack and set a separate set of rules for that in your file if the browser is ie.

---

<div class="post-metadata">

**Author:** ![actionAction](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/actionaction/32/3987_2.png) [@actionAction](https://forum.kirupa.com/u/actionAction)\
**Post date:** [July 14, 2008, 9:16pm UTC](https://forum.kirupa.com/t/weird-addition-in-firefox/265737/13 "2008-07-14T21:16:02Z")

</div>

Yes yes. No problem jynx! :thumb2:

```auto

<!--[if IE]>
<style type="text/css">
#picbar {
background:#333366 none repeat scroll 0%;
border:none;
}
</style>
<![endif]-->

```

---

<div class="post-metadata">

**Author:** ![jynx](https://avatars.discourse-cdn.com/v4/letter/j/3d9bf3/32.png) [@jynx](https://forum.kirupa.com/u/jynx)\
**Post date:** [July 15, 2008, 2:27am UTC](https://forum.kirupa.com/t/weird-addition-in-firefox/265737/14 "2008-07-15T02:27:53Z")

</div>

awesome, i actually was looking that up in google, a couple hours ago. thanks a lot for the help everyone!

---

<div class="post-metadata">

**Author:** ![actionAction](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/actionaction/32/3987_2.png) [@actionAction](https://forum.kirupa.com/u/actionAction)\
**Post date:** [July 15, 2008, 5:34am UTC](https://forum.kirupa.com/t/weird-addition-in-firefox/265737/15 "2008-07-15T05:34:29Z")

</div>

🙂
