Dragable div dengan CSS tanpa JavaScript

Awalnya lagi nyari tau gimana DIV over flash(swf). ternyata memang di param di set NAME="wmode" dan VALUE="transparent". agar file flash/swf tidak berada di bagian atas dan menutupi DIV. jadi misalnya ada hover menu ato menu dropdown yang mengenai flash maka dia akan berada di atas flash, jadi tidak tertutup oleh flash. karena secara default file flash di halaman web berada paling top/depan/atas menghimpit semua. contohnya bisa dilihat di situs KOMPAS. coba letakan mouse di menu atas SAINS, TRAVEL dan OASE. maka dropdown menunya/submenunya berada di atas iklan FLEXY.

Untuk kasus "select box" yang berada di atas DIV maka cara penyelesaian nya adalah dengan position absolute dan z-index. jadi div di index/disusun lapisannya dengan angka. pada Internet Explorer 8 beta (IE8) bug ini juga telah di perbaiki. bisa dilihat di blog pengembang IE 8.

Memang untuk web design tabless/tanpa tabel ato menggunakan div, css, tantangan paling sulit adalah kompatibelitas browser. hasil desain harus di tes di semua browser yang ada. setidak2nya 3 browser utama saat ini:

(4 dengan Google Chrome) mau ga mau ini akan di perhitungkan. karena dikembangkan dengan gabungan feature-feature browser lainnya dan orang-orang IT handal om google.

Nah saya juga menemukan dragable DIV tanpa menggunakan javascript. coba lihat hasil printscreen gambar diatas. wah CSS memang yahud, palagi ditambah javascript. :) (msh beginner dah muji heheheh)