CSS question

I have a website I am working on for a local historical society, but I
am running into problems with vertically aligning the text in buttons
on a Spry Menu Bar (the code for which being generated with
Dreamweaver. I am trying to make the hyperlink for the button go away
when it would normally link to the current page, and make the text
bold, while keeping all other aspects of the button the same as the
others. However, the text will not vertically align properly (I've
"vertical-align: middle", "vertical-align: 50%", and making both the

Possible div alignment issue.

My navigation bar does not expand the whole cell in internet explorer but does in google chrome. In IE the nav bar has maybe a 2-4 px space on the right hand side of it. Is there anyway to get the contents of this cell to expand the full cell both in IE and Chrome? Site link and code below. This nav bar uses CSS and Javascript to work. Any assistance is greatly appreciated.

Site: http://webpages.charter.net/gigamosis/template3.html


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

CSS Dropdonw Menu: Hover for Current Item's submenu

I can't get a hover working for the current Page. It works fine when I'm on "Termine" and go to the Submenus of "Studium", then the colors change, but it doesn't work when I'm on "Studium".
I'm using Joomla in the background, so the HTML is just the one generated for this exact "Studium" page. The problem is somewhere in the CSS, but I can't find it.... Does anyone know the solution?


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Extending flyout menu


Just joined CSS Creator, which looks like the ideal place to be for a middle aged fellow like me trying to master CSS. Lots to look at, so if I may, I will post my problem and then get browsing!!!!

I am trying my hand at flyout menus, but have still not 'got my head around' how the coding works exactly. I am nearly there, but I am just waiting for that 'eureka' moment where it all falls into place, I hope!!!

Adding border to Superfish submenu


I am trying to add a border to my Superfish menu. I previously used a SpryMenuBar (Adobe Dreamweaver style menu), as can be soon on www.abstractproductions.com.au

As you can see I had a grey 1px border around each submenu. I am trying to achieve this in Superfish. I have added the "border:" option to .sf-menu ul as follows:

.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 10em; /* left offset of submenus need to match (see below) */
	border: 1px solid #CCC; /* submenu containers have borders on all sides */

Syndicate content