Tengo este diseño en el que estoy trabajando. Depende fuertemente del cálculo de CSS para hacer los cálculos necesarios.

width: -webkit-calc(50% - 20px);
width: -moz-calc(50% - 20px);
width: calc(50% - 20px);

Ahora, no puedo hacer que esto funcione en Safari. ¿Hay algo que estoy haciendo mal?

Y también, ¿hay alguna manera de introducir un mecanismo de recuperación para los navegadores que no lo admiten? El porcentaje no hace un buen trabajo, ya que tengo que restar el objeto en el medio, de los dos en el lado.

Gracias.