Datepicker white line

Datepicker is placing a white bar across the bottom of my screen (I have a dark coloured background on the page) - I assume it's a css tweak? But I can't find the relevant bit - have copied this from the page source ....

<div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-helper-hidden-accessible"></div>

which seems to be the offending bit ! Help would be gratefully received as I want to get this site completed very soon.

send a url where i can see the problem to investigate the cause please.

the site is currently in development - this page displays the behaviour .... look at the bottom left of the screen ...

coach_holidays.php

What browser are you using, i am not able to see the behavior you are talking about using fire fox. see attached screen shot.

I was using Chrome - am attaching a screen shot showing the behaviour - look at the bottom left hand side of the screen - I suspect it is the background of a div but I can't find reference to this particular div in the web assist code.

on your page, add a new style just before the </head> tag:

<style type="text/css">
.ui-helper-hidden-accessible { background: none; border: none; }
</style>

This solution worked for me.

I had a similar problem in Chrome and I solved it editing jquery-ui1.7.2.custom.css

from:

.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }

to:

.ui-helper-hidden-accessible { position: absolute; left: -9999999px; }
There's probably too many nines for Chrome.