Hi, I’m building an interface for a big website on Chinese Medicine:
Untitled Document
This is the link for the CSS:
http://acumed.charlotte-z.co.uk/layout23.css
(Please delete the spaces - the site won’t let me post urls, as a newbie.)
I’ve just tested the web page in a number of browsers and quite a few problems have come up. I’d really appreciate if any one has any answers to these:
In Google Chrome 8, the text only fills 60% of the left hand column. The second text section is worse, filling 40% of the space. 
Also the vertical menu doesn’t display entirely well (one list item is on the same line as the previous one, instead of going below). Something similar happens in Safari (see pic attached)
There is a silmilar problem with the vertical menu in IE7: one of the list items is on the same line as the previous one. Also the ‘enlarge’ button in the right hand column floats up and appears in the second line of the subheading above.
I’ve tried to use something I found called the ‘tan star hack’ for IE6, but the whole thing is a mess.
The second and third columns have been shoved down below the first column, which is displaced to the centre of the screen.
In Netscape 7.2, only a couple of lines in each text section in the left-hand column are visible.
The vertical menu has almost entirely dissapeared, except for the first list item. The drop down menus disappear beneath the header image and the flash file doesn’t appear. The size of the text on the heading on the last div in the right column is too large and dissproportionate. Is there a way I can alter the header size just for Netscape 7.2?
Many thanks, Sara
