Styling issue shoving input to left

[GoogleCodeExporter]

What steps will reproduce the problem?
1. attached the control to a text box sitting in a div that is floating
right, next to a div floating left.  These divs are contained within a div
that is using a margin trick to center it on the screen.
2. When you click on the control, the box appears way over on the left,
then as soon as you mouse over any of the elements within the span it pops
to where I expected it, that being underneath cet text box.

What is the expected output? What do you see instead?
I expected the input item to be underneath the input box but instead is was
way off to the left.

What version of the product are you using? On what operating system?
I believe it is 0.6.5, whichever version is the current release.  Using IIS
for a server and tried it on windows in both IE and firefox, it behaved the
same, I suspect it has to do with a css issue.

Please provide any additional information below.

Original issue reported on code.google.com by Roger.Ca...@gmail.com on 28 Mar 2009 at 12:41

[GoogleCodeExporter]

I had the same problem. It seems it was a css issue; solved it by adding
'clear:both;' to .ui-dropslide ol (in jquery.timepickr.css)

Original comment by simona.p...@gmail.com on 8 Jul 2009 at 8:10

[GoogleCodeExporter]

Can someone tell me if this bug is still present in the trunk ? I've done a 
complete
refactor.

http://code.google.com/p/jquery-utils/source/browse/#svn/trunk/standalone/ui-tim
epickr

Original comment by hainea...@gmail.com on 6 Aug 2009 at 5:47

[GoogleCodeExporter]

well the bad news is that it is still doing it in the same location it was 
doing it
on before in both browsers, I am thinking it is a combination of my styling on 
the
page and possibly how jquery is locating the edges of the specified text box.

Original comment by Roger.Ca...@gmail.com on 6 Aug 2009 at 6:13

[GoogleCodeExporter]

Issue 20 has been merged into this issue.

Original comment by hainea...@gmail.com on 6 Aug 2009 at 6:17

[GoogleCodeExporter]

hi i manage to fix this by adding this._redraw(); after
if(id==0){ols.eq(0).css('left',this.element.position().left); just search for 
the
text 'if(id==0){ols.eq(0).css('left',this.element.position().left);' you'll 
found two
text with that, for me it works by just adding only on the second one.. 

Original comment by ljd...@gmail.com on 4 Oct 2009 at 3:01

[GoogleCodeExporter]

try to change 

  function redraw(dropslide) {
   prevLI = prevOL.find('li.hover, li:first').eq(0);
 TO =>   prevLI = prevOL.find('li.hover').eq(0);
}

Line 8096 timepickr.js

Original comment by benjamin...@gmail.com on 22 Jun 2011 at 9:43