posicion de un elemnto html

[zyon]

Hola amigos, no se como explicarme pero trataré, tengo el siguiente código:

Código HTML:

<td><label for="fOperacion"><span>Fecha de Operaci&oacute;n o de Hechos: </span>
                                        <br>
                                        <input value="" class="text-input-1 input" type="text" name="fOperacion" id="fOperacion" />
                                        <span class="tooltip"><span>Proporcione la fecha de operaci&oacute;n de hechos</span></span>
                                    </label>
                                </td> 

como ven, tengo unas etiquetas y un campo dentro de un TD, y el SPAN con la clase "tooltip" me sirve para mostrar el mensaje en caso de que el campo se envíe vacío. La validación me funciona bien, pero tengo un problema, cuando aparece el mensaje de error (<span class="tooltip"><span>Proporcione la fecha de operaci&oacute;n de hechos</span></span>) pues hace que el TD se haga más grande y deforma el tamaño de mi tabla, entonces quería saber si hay una propiedad en CSS que permita hacer un elemento al hacerse visible que no altere los tamaños ni nada, como si fuera un globito que aparece sobre un campo indicando que debe ser llenado pero sin recorrer mis demas elementos de lugar.

De antemano muchas gracias!