Thread: Overlapping my Navigation Bar

http://proxy-finder.info

Take a look at my site above. In firefox there is a weird 1/2 see through section on my nav bar and in ie it is just completely covered. I have tried in vain to fix it for over and hour. Please help me figure out how to fix it

Code:

<div id="pagecell1"> 
  <!--pagecell1--> 
  <img alt="" src="img/tl_curve_white.gif" height="0" width="6" id="tl"> <img alt="" src="img/tr_curve_white.gif" height="6" width="6" id="tr"> 
  <div id="breadCrumb"> 
  </div> 
  <div id="pageName"> 

    <b><font face="Verdana" size="2">Proxy Sites - Web Based Proxies </b> </font>
     
    </div>

What is the purpose of the empty breadCrumb div?

I'm just getting started in design and don't know what a bread crumb div is

That is part of the original script that will allow users to see what page they are on. Might I suggest you visit the place its sold proxylistscript.com providing its not a warez version the owner of it will help with your issue at least I would think he would for a $200 dollar script.

I'd also start by restoring the original template that came with the script. Then you can test each change as you make it.

Try and add <br /> tags after all the link are finished . sorry i havent even seen source iam too lazy . you can try it though

Your table is wrong.
What you have is this:

Code:

<table>
<td></td>
</table>

You missed out on the <tr>:

Code:

<table>
<tr>
<td></td>
</tr>
</table>

Try to look at this line in your css file:

Code:

#globalNav{
position: relative;
width: 100%;
min-width: 640px;
height: 32px;
color: #ffffff;
padding: 0px;
margin: 0px;
background: #393939;
}

Code:

#globalLink{
position: absolute;
top: 6px;
height: 22px;
min-width: 640px;
padding: 0px;
margin: 0px;
left: 10px;
z-index: 100;
}

One has a 32px height, while the other is a 22px height.
In my opinion, get rid of both and see if there's any result.