Question: I am trying to create two divs side by side but because they are quite big I want only part of them to show up initially, then expand fully on mousover/click.

I see [Hipmunk](http://hipmunk.com) doing a wonderful job of it for their Flight Search and Hotel Search.

Any ideas how this can be achieved?

Answer: 
It seems you have forgotten to load the driver .

```
Class.forName("com.mysql.jdbc.Driver");

```

The `Class.forName()` causes the ClassLoader to load the class into memory. JDBC driver classes contain a static initializer block that registers the driver with `DriverManager` for later reference. 

Didn't notice this earlier , your connection string should be `"jdbc:mysql://localhost:3306/dbname"`
Your jdbc string is not properly formatted, take a look at the answers of this question:

[What is the MySQL JDBC driver connection string?](https://stackoverflow.com/questions/1457716/what-is-the-mysql-jdbc-driver-connection-string)