Ну если Вы хотите через position: absolute, тогда у родителя (обертки например) должен быть задан position: relative. После этого уже можно будет их как-то координировать через top, left, right, bottom. А вообще одним css тут вряд ли обойдешься.

Или еще вариант :


.product-info.split-30-70 .left {
width: 30%;
float: right;
}

.product-info > div {
width: 50%;
float: left;
}

.product-info.split-30-70 .right {
width: 100%;
clear: both;
}

А там уже играйся с блоками

Мне еще очень помогли видео уроки с loftblog. На ютубе смотрел, повторял все сказанное в sublime text, так и запоминал. Потом пробовал проходить задачки.