Mouseover CSS doing weird things 1

[Bravogolf]

Hello.
On my site:

http://www.eye-floaters.com

I have justed added mouseover events to the css statements. You'll note that the top left navigation bar changes colour, but when it does, it suddenly makes the Poll underneath it drop a few pixels (and keeps dropping until the mouseoff event).
This only happens in IE, and I have no idea why...can anyone help?

 

[Bravogolf]

Ok, i changed the mouseover to change to a different CSS class, and it still does the same thing...can anyone help?

 

[vongrunt]

I'm not sure this is IE bug or whatever... In cascades .lhcont LI and .lhconttableover LI:

- set padding-top to 0px;
- add margin: 0px;

 

[Bravogolf]

Hi Vongrunt,
I tried you settings, but alas, the issue still remains

The column css code is as follows:

<!-- Left Column Begins here -->
<DIV id="lhcol">
  <DIV class="lhcont" onmouseover="this.className='lhconttableover'" onmouseout="this.className='lhcont'"> 
    <UL>
      <LI class="navhdr"> <A class="lhdr" title=Home accessKey=h href="index.php">EYE FLOATERS HOME</A> 
      <LI> 
        <UL>
          <LI class="navitem"><A class="nav" title="About this site" href="about.php"><strong>A</strong>bout</A> 
          <LI class="navitem2"><A class="nav" title="Contact Us" href="contact.php"><strong>C</strong>ontact</A> 
          </LI>
        </UL>
      <LI class="navhdr"><A class="lhdr" title="Guides" href="theeye.php">THE EYE</A> 
        <!-- How the eye works, faq's etc -->
      <LI><a href="floaters.php" class="lhdr">FLOATERS</a> 
        <!-- What floaters are, causes of floaters, treatment of floaters .. -->
      <LI><a href="articles.php" title="Articles and Further reading" class="lhdr">ARTICLES</a>
        <!-- Links to various published articles -->
      <LI><a href="bulletin/index.php" title="Eye Floaters Discussion Forum" class="lhdr">COMMUNITY FORUM</a> 
        <!-- Which will then link to Contact Form and discussion group -->
      <LI><a href="links.php" class="lhdr" title="Links and Resources">LINKS</a> </UL>
    <BR>
    <DIV> </DIV>
  </DIV>
  <!-- end lhcont --><BR>

<!-- Left Column Text here -->
<div class="left_col_cont">
<p class="left_col_hdr" id=customise>&nbsp;&nbsp;»&nbsp;Customise</p>
<DIV class="mailform " onmouseover="HighlightBackground(customise, '#EDEFF8');" onmouseout="HighlightBackground(customise, '#dcdcdc');">
  <span style="color:#4393B8;font-size:x-small;font-weight:normal;padding-right:10px">Font size: </span> 
  <a href="#" onclick="setActiveStyleSheet('SmallFonts'); return false;" class="SmallFonts" title="Default size Fonts">a</a>
  <a href="#" onclick="setActiveStyleSheet('MediumFonts'); return false;" class="MediumFonts" title="Medium Large Fonts">a</a>
  <a href="#" onclick="setActiveStyleSheet('LargeFonts'); return false;" class="LargeFonts" title="Large Fonts">a</a>
</div></div>
<br>
<?php
include_once "/home/floaters/public_html/poll/booth.php";
echo $php_poll->poll_process(4);
?>
</DIV>
<!-- Left content ends here -->

I might have to specify something for the polll....im soo lost

 

[vongrunt]

I downloaded homepage locally and edited main.css one minute ago:

- cascade .lhcont LI, replaced padding-top from 3px to 0px;
- cascade .lhconttableover LI, replaced padding-top from 3px to 0px;

No ugly onmouseover effects in IE6 after that...

 

[Bravogolf]

Superb!
Thank you very much, my mistake, you got it sorted

Thanks again!