Problema con divs

[nobo]

Buenos dias! La cosa es que tengo dos clases que son estas:

Código CSS:

.carritosimple {
    text-align:left;
    position:relative;
    /*top:3px; distancia respecto del borde superior*/
    left:15px; /*distancia respecto del borde izquierdo*/
    width:250px;
    float:left;
    }
.preciocarritosimple {
    text-algin: right;
    position:relative;
    right: 10px;
    width:250px;
    float:right;}
 

Para darle un poco de forma al carrito no se si es la correcta... Porque cuando no tengo ninguna opcion seleccionada me sale asi la pagina:


Esto se debe a que cuando selecciono alguna opcion debajo imprimo el metodo de pago. Entonces cuando elijo una opcion me sale bien.


Asi es como se deberia ver... Me gustaria que si no hay texto por no haber seleccionado ninguna opcion los div no actuasen y se mostrase las formas de pago... No todo en negro como me esta pasando ahora. Lo tengo asi el codigo :

Código PHP:

<?php
           if ( isset($_SESSION["radio"])) { ?>
           <div class="carritosimple">
          Producto:<br />
          <?php  echo ObtenerNombreProducto($row_DatosCarrito['idProducto']); ?>(<?php echo $row_DatosCarrito['strTalla']; ?>) <?php echo "x". $row_DatosCarrito['intCantidad']; ?></div>
          <div class="preciocarritosimple"><?php echo "Subtotal:". $_SESSION["totalcompra"]; ?>&euro;
                <?php if ($_SESSION["radio"] == 1){ echo $_SESSION["totalcompra"] + 8;
                } ?>
              <?php } ?>
      <p>
                <input type="submit" name="button" id="button" value="Pagar" /></div>