Superfish menu using wp_list_pages

I’m new to jquery and have delved in using the superfish menu to solve a problem on a site I am working on:

https://www.carolinedesigns.co.uk

The superfish menu sorts out the problem of have the parent item highlighted whilst hovering on it’s child items, and makes the menu easier to use because of the delay when the mouse is out of the menu.
I’ve put up my progress so far:
https://carolinedesigns.co.uk/superfish-1.4.8/example.html

I just have 2 problems now:
a) the submenu stretches to 500px, but I can’t set the background colour for it.
I have tried all sorts but can’t find it.

b) that although the parent item’s background colour stays pink when it’s child items are being browsed, the link itself changes back to red. I’m really stumped on this one, cus I can change the color for the background, but in the same css selector it won’t let me change the color, I did this here:

Copy code

` .sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
color: #FFFFFF;
background: #cc3399;
}`

Here are the css files:

https://carolinedesigns.co.uk/superfish-1.4.8/css/superfish.css
https://carolinedesigns.co.uk/superfish-1.4.8/css/superfish-navbar.css

I would just have the background changing not the fonts but there you go..

Thanks