1. $(document).ready(function(){
2.       $("#one).hover(function(){
3.             $("#two").slideToggle("slow");
4.       });
5. });

my css

1. #two{
2.       display:none;
3. }

my html

1. <span id="one">one</span>
2. <span id="twp">two</span>

My question:

In IE and Chrome, the only two browsers I'm concerned about, when I hover my mouse over #one, I would like for #two to appear to the right.  Which it does, however, there's an adjustment to my content containing <div> (not mentioned in my code above) and then it returns to its proper size.  So everything works well, except a slight "hiccup" in the div size..

To be clear of the div I'm using here's the code:

1. <div style="width:600px;margin:5px;border:solid 1px #4020B6;display:inline-block;text-align:left;">
2.   <span id="one">one</span>
3.   <span id="two">two</span>
4. </div>

Thanks for your time

- M