title: CSS looks bad in Opera and IE; where should I start?
body: <p>I have just completed my website, and it looks good in FF, Safari and Chrome.
  Opera looks alright, but not as good as FF.
  IE looks very bad.</p>
  
  <p>Is there any application for checking bad CSS and just fix it?
  If not, what is the easiest way to cross-browser adjust a website?</p>
  
  <p>Below is only one of the many problems I have with appearance...</p>
  
  <p>I have a form in index.html which contains several inputs. To the right of the inputs, I have a "Search" button which submits the form. This button SHOULD be on the right, but sometimes drops one line to end up on the left below the inputs. This happens only in Opera 10.53 and IE browsers. (haven't tested any other Opera version).</p>
  
  <p>Here is the code:</p>
  
  <pre><code>&lt;table border="0" align="center"&gt;
    &lt;tr&gt;
      &lt;td&gt;
        &lt;div class="nav_container" id="nav_container"&gt;
          &lt;div id="nav_container2" class="nav_container2"&gt;
            &lt;form id="nav_form_main" name="nav_form_main" action="/search/" target="iframe001" method="get" onSubmit="reset_and_subm();"&gt;
              &lt;div class="nav_lists" id="nav_list"&gt;
                &lt;input name="nav_querystring" type="text" id="nav_querystring" style="width: 240px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;" value=""&gt;
                &lt;select name="nav_category_list" size="1" id="nav_category_list" style="width: 195px;" onChange="subcatSelection();"&gt;
                  &lt;option value="All categories" selected&gt;-- All categories --&lt;/option&gt;
                  ALOT OF OPTIONS HERE
                &lt;/select&gt;
                &lt;select name="nav_city_list" id="nav_city_list" style="width: 180px;" onChange="areapicker();"&gt;
                  &lt;option id="Hela Sverige" value="Hela Sverige" selected&gt;-- Hela Sverige --&lt;/option&gt;
                  ALOT OF OPTIONS HERE
                &lt;/select&gt;                 
                &lt;input type="submit" name="nav_submit" id="nav_submit" value="Sök" style="width: 58px; font-size: 13px;"&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/td&gt;
        &lt;/tr&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p>And here is the CSS involved:</p>
  
  <pre><code>.nav_container2 {
    position:relative;
    left:0px;
    top:10px;
  }
  
  .nav_container {
    background-image: url(../Graphics/menu_lvl1.gif);
    height: 101px;
    width: 720px;
    padding:0;
    margin:0;
  }
  </code></pre>
  
  <p>If you need more input just let me know...</p>
  
  <p>Of course, it is IE with the most issues here... Some in Opera as I mentioned above... Rest is fine.</p>
  
  <p>Thanks</p>