Firefox Problem

[Grinderschool]

Hey guys,

So I would like to put a header <div> option (coding can be found here) like seen on this page:

http://rakeback.grinderschool.com/ noiq-poker-test (please delete the space, i don't want the page indexed)

Compared to the original: http://rakeback.grinderschool.com/noiq-poker

Its one of the last few things I need to do before I feel comfortable with my pages. However I am having a problem with it looking right in Firefox, when it looks fine in Chrome and Explorer.

I have narrowed the problem down to a problem with our navbar code: http://www.grinderschool.com/nav_bar.shtml (view page source)

We feel that in order to fix the problem we will have to do an entire overhaul of the code in the navbar file. I was hoping there would be a quick fix to the issue or some things to try until we have time to fix the entire file.

Thoughts?

[pokerworx]

Im really not sure what you are trying to do, are trying to make a side by side table on your rakeback page?

Edit: Quick fix, you could do this with divs to make it look better, you could use bg images and all, but I think this would work with what you are trying to do.

<table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2">
  <tbody>
    <tr>
      <td>
      <table style="text-align: left; width: 95%; margin-left: auto; margin-right: auto;" border="1px" cellpadding="2" cellspacing="2">
        <tbody>
          <tr>
            <th style="text-align: center;">Poker Room</th>
            <th style="text-align: center;">Rakeback</th>
            <th style="text-align: center;">Bonus</th>
          </tr>
          <tr>
            <td></td>
            <td></td>
            <td></td>
          </tr>
        </tbody>
      </table>
      </td>
      <td style="background-color: rgb(0, 0, 0); width: 3px;"></td>
      <td>
      <table style="text-align: left; width: 95%; margin-left: auto; margin-right: auto;" border="1px" cellpadding="2" cellspacing="2">
        <tbody>
          <tr>
            <th style="text-align: center;">Poker Room</th>
            <th style="text-align: center;">Rakeback</th>
            <th style="text-align: center;">Bonus</th>
          </tr>
          <tr>
            <td></td>
            <td></td>
            <td></td>
          </tr>
        </tbody>
      </table>
      </td>
    </tr>
  </tbody>
</table>

[Grinderschool]

Thanks for the reply. Unfortunately that didn't solve the problem.

I was able to make a quick fix by inserting a 1x1 pixeled image at the end of our navbar file. Its only noticeable in firefox and very hard to see.

For some reason firefox was putting <div 1></div> and <div 2></div> right next to each other without a space.

Jeff