<ul> browser issue / safari and ie

[dulcettones]

Hello,
Am teaching myself CSS and struggling with a <ul> issue.

Here's the page in question:

http://www.notjustthenews.co.uk/page2_movies.html

Basically I want the list buttons on the right to be level with the top of the movie player.
It's exactly where I want it to be using IE. But in Safari the menu drops down much lower.
Is there anything I can do to stop this happening?

This is the CSS I'm using for the menu:

#worklist {
width: 300px;
height: 160px;
float: left;
margin-top: 40px;
margin-bottom: 0px;
margin-left: 85px;
display: block;
clear: none;
padding: 0px;

If you have a solution please use idiot proof instructions to explain.

Thanks.